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 UI有着非常丰富的皮肤，JQuery官方提供的就有十几套，除了官方提供的之外，JQuery还提供了定制皮肤的服务2009-07-07
这篇文章主要为大家详细介绍了jQuery布局组件EasyUI Layout的使用方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-02-02
jQuery实现按钮的点击 全选/反选 单选框/复选框 文本框 表单验证
这篇文章主要介绍了jQuery实现按钮的点击 全选/反选 单选框/复选框 文本框 表单验证的相关资料,需要的朋友可以参考下2015-06-06
这篇文章主要给大家分享了一段基于jquery实现等比缩放图片的代码，非常的实用，这里推荐给大家2014-12-12
jQuery v3.3.1的BUG以及解决办法(附解决方案)
这篇文章描述了我们 FineUIPro 产品 更新中遇到的一个问题，最终将问题定位到 jQuery.position() 函数，虽然jQuery的做法是依照HTML规范来的，但是 jQuery.offsetParent() 和 jQuery.position() 两个函数有冲突，并且会导致之前的jQuery插件出错，应该算是一个BUG吧2023-03-03
一般情况下，我们是不对鼠标hover事件进行延时处理。但是，有时候，为了避免不必要的干扰，常会对鼠标hover事件进行延时处理2014-04-04
利用css和jquery创建一个动画效果的缓冲样式插件，插件可以开始、暂停、结束2012-08-08
jQuery 使用手册，大家可以耐心的看完，就基本上入门了。2009-09-09
这篇文章主要介绍了jQuery实现div拖拽效果的方法,结合实例形式分析了jQuery响应鼠标事件实现页面元素样式变换的技巧与相关注意事项,需要的朋友可以参考下2016-02-02
这篇文章主要介绍了EasyUI加载完Html内容样式渲染完成后显示的相关资料,需要的朋友可以参考下2016-07-07
最新评论