怎么验证这些input是否空啊
现在是在后台做的验证
但是我想在js验证
有什么好办法吗 求教...
另外请教ajaxsubmit怎么用啊
可能我查的不对,百度找的ajaxsubmit代码,都不能用
你坑爹吧,input的id和name属性的值是不是弄反了,id是唯一的大哥。
$("input[name='numid']") 获取所有的input标签,然后循环挨个判断下非空。
function showRequest()
{
//这边验证数据是否正确,返回false或者true
}
function submitForm(thisForm)
{
var options = {
target: '#loginForm',
beforeSubmit: showRequest,
success: showResponse,
error: showError,
url: '',
type: 'post',
dataType: 'html',
clearForm: true,
resetForm: true,
timeout: 3000
};
$(thisForm).ajaxSubmit(options);
}
页面中,标签的id是唯一的,不能重复,下面的代码已经测试通过
一般性的验证放在前端去做,减轻服务器的压力;服务端不验证或仅进行业务相关的验证
[code="java"]<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
ajax提交
<br> $(document).ready(function() {<br> ajaxSubmit();<br> });<br> function ajaxSubmit() {<br> $("#ajaxsubmit").click(function() {<br> var _numid1 = $("#numid1").val().trim();<br> if (_numid1.length === 0) {<br> alert("numid1不能为空");<br> return false;<br> }<br> var _numid2 = $("#numid2").val().trim();<br> if (_numid2.length === 0) {<br> alert("numid2不能为空");<br> return false;<br> }<br> var _numid3 = $("#numid3").val().trim();<br> if (_numid3.length === 0) {<br> alert("numid1不能为空");<br> return false;<br> }<br> $.ajax({<br> url: "http://localhost:8080/sshdemo/hello/ajax",<br> type: "post",<br> dataType: "json",<br> data: {<br> "numid1": _numid1,<br> "numid2": _numid2,<br> "numid3": _numid3<br> },<br> success: function() {<br> alert("success");<br> },<br> error: function() {<br> alert("error");<br> }<br> });<br> });<br> }</p> <pre><code> function validation() { } </script> </head> <body> <form> <input id="numid1" name="appList[0].number" type="text" maxlength="2"/> <input id="numid2" name="appList[1].number" type="text" maxlength="2"/> <input id="numid3" name="appList[i].number" type="text" maxlength="2"/> <input id = "ajaxsubmit" type="button" value="提交"/> </form> </body> </code></pre> <p></html>[/code]</p>
前端校验网上有一堆的校验框架,可以试试jquery-validation