前端JQuery大批量验证提示

来源:互联网 发布:威少刷数据gif 编辑:程序博客网 时间:2024/06/07 19:53

在写注册模块的时候注册信息全部需要验证提示,特别是为空不能提交,需要一个一个写的话数量一多就很繁琐,可用jquey循环的方式


<form method="post" action="">

<table>

<tr>

<td>名字</td>

<td><input type="text" name="Form[name]"></td>

</tr>

<tr>

<td>地址</td>

<td><input type="text" name="Form[name]"></td>

</tr>

<tr>

<td>邮箱</td>

<td><input type="text" name="Form[name]"></td>

</tr>

</table>

</form>

<button id="add_save" type="button" >提交</button>


<script>

$(function(){

$("#add_save").click(function(){

var $Form = $("input[type=text]");

for(i = 0,len = $Form.length;i<len;i++){

var $element = $Form.eq(i);

if($.trim($element.val()) == ''){

alert($element.parent().parent().children(':first').text()+'不能为空');

return false;

}

}

});

})

</script>

0 0
原创粉丝点击