jquery 必填项判断表单是否为空的方法
更新时间：2008年09月14日 20:42:33 作者：
jquery 表单验证,检测表单是否为空
html页面
<form onsubmit="if(confirm('确定好你所填写的正确，不然会发错!')) {return checkForm();}else{return false;}" >
<table >
<tr>
<td>选择发送人<font class="red">*</font></td>
<td>
<input type="text" name="sendto_type[]" id="sendto_type1" value="1" >按城市发送
</td>
</tr>
<tr>
<td>选择发送人2<font class="red">*</font></td>
<td>
<input type="text" name="sendto_type[]" id="sendto_type1" value="1" >按城市发送
</td>
</tr>
</table>
</form>
js代码
<script>
function checkForm() {
pass = true;
$("td:contains('*')").next().find("input").each(function(){
if(this.value == '') {
text = $(this).parent().prev().text();
alert(text+"是必填项");
this.focus();
pass = false;
return false;//跳出each
}
});
return pass;
}
</script>
复制代码 代码如下:
<form onsubmit="if(confirm('确定好你所填写的正确，不然会发错!')) {return checkForm();}else{return false;}" >
<table >
<tr>
<td>选择发送人<font class="red">*</font></td>
<td>
<input type="text" name="sendto_type[]" id="sendto_type1" value="1" >按城市发送
</td>
</tr>
<tr>
<td>选择发送人2<font class="red">*</font></td>
<td>
<input type="text" name="sendto_type[]" id="sendto_type1" value="1" >按城市发送
</td>
</tr>
</table>
</form>
js代码
复制代码 代码如下:
<script>
function checkForm() {
pass = true;
$("td:contains('*')").next().find("input").each(function(){
if(this.value == '') {
text = $(this).parent().prev().text();
alert(text+"是必填项");
this.focus();
pass = false;
return false;//跳出each
}
});
return pass;
}
</script>
相关文章
这篇文章主要介绍了jQuery实现鼠标划过添加和删除class的方法,涉及jQuery鼠标事件及页面样式的相关操作技巧,需要的朋友可以参考下2015-06-06
本文为大家介绍的这个示例为jquery实现的预览图片，当鼠标放上去显示实际大小，感兴趣的朋友可以学习下2014-01-01
本文主要介绍了jquery对象与DOM对象转化方法。具有很好的参考价值，下面跟着小编一起来看下吧2017-02-02
对于每一个网站前端开发人员，常常都会遇到设置div透明度的需求，比如在实现图片幻灯片切换效果经常就需要使图片淡入淡出。本文分别对原生js和jQuery在IE和其它浏览器中设置透明度的方法和相关注意事项进行总结。2016-05-05
这篇文章主要深入分析jquery解析json数据的方法，非常的详尽,需要的朋友可以参考下2014-12-12
这篇文章主要介绍了jQuery中odd选择器的定义和用法,较为详细的分析了odd选择器的具体功能、定义与使用方法,具有一定的参考借鉴价值,需要的朋友可以参考下2014-12-12
本文通过实例代码给大家分享了jQuery 实现左右两侧菜单添加、移除功能，需要的朋友参考下吧2018-01-01
最好的jquery列表拖动排列自定义拖动层排列。当点击或拖动列表时，可以自定义随意拖放列表模块到相应位置2014-06-06
本文主要介绍了jquery实现文本框的禁用和启用，代码清晰，有需要的朋友可以参考下，希望会对大家有所帮助2016-12-12
这篇文章主要为大家详细介绍了jQuery实现动态加载瀑布流，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-09-09
最新评论