首页 > Web开发 > 详细

jquery表格提交验证

时间:2017-01-15 14:40:38      阅读:202      评论:0      收藏:0      [点我收藏+]

在表格中的验证

1.body中的内容

<form action="http://www.qq.com" id="form1"><table width="200" border="1" cellspacing="0" cellpadding="0">
<tr>
<td><input id="a"/></td>
<td><input id="b" /></td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td colspan="2">&nbsp;</td>
</tr>
</table>
<button type="submit">sssssssssssss</button>
</form>

2.jquery中的验证

(1)在head中加入jquery文件<script src="../Js/jquery-1.7.1.min.js"></script>

(2)在写入script语句

<script>
$(function(){
//提交表单时触发的事件
$("#form1").submit(function(){
if($("#a").val()=="")
{//验证表单是否为空
alert("请填写A表单")//提示语
$("#a").focus();//让光标放在id=a的表格,方便在多个id中快速查找
return false;//停止运行
}
if($("#b").val()=="")
{
alert("请填写B表单");
$("#b").focus();
return false;
}

return true;
})

})

</script>

jquery表格提交验证

原文:http://www.cnblogs.com/12jh23/p/6287085.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!