jQuery实现批量判断表单中文本框非空的方法(2种方法)
作者:bea
本文实例讲述了jQuery实现批量判断表单中文本框非空的方法。分享给大家供大家参考,具体如下: 方法一: <script type="text/javascript">/** 批量验证表单非空* 需要非空验证控件的样式class="mustadd"*/$(".mustadd").each(function(){if($(this).val() == ''){ alert("该项不可为空!"); $(this).focus(); return false;
本文实例讲述了jQuery实现批量判断表单中文本框非空的方法。分享给大家供大家参考,具体如下:
方法一:
<script type="text/javascript">
/*
* 批量验证表单非空
* 需要非空验证控件的样式class="mustadd"
*/
$(".mustadd").each(function(){
if($(this).val() == ''){
alert("该项不可为空!");
$(this).focus();
return false;
}
})
</script>
方法二:
<script type="text/javascript">
//批量验证表单非空
function checkForm(arr){
for(var i=0;i<arr.length;i++){
if($("#"+arr[i][0]).val()==''){
alert(arr[i][1]);
$("#"+arr[i][0]).focus();
return false;
}
}
return true;
};
//调用方式
var arr=new Array(
new Array('userName','用户名不可为空!'),
new Array('passwd','密码不可为空!'),
));
if(!checkForm(arr)){
return false;
}
</script>
希望本文所述对大家jQuery程序设计有所帮助。
有用 | 无用
方法一:
<script type="text/javascript">
/*
* 批量验证表单非空
* 需要非空验证控件的样式class="mustadd"
*/
$(".mustadd").each(function(){
if($(this).val() == ''){
alert("该项不可为空!");
$(this).focus();
return false;
}
})
</script>
方法二:
<script type="text/javascript">
//批量验证表单非空
function checkForm(arr){
for(var i=0;i<arr.length;i++){
if($("#"+arr[i][0]).val()==''){
alert(arr[i][1]);
$("#"+arr[i][0]).focus();
return false;
}
}
return true;
};
//调用方式
var arr=new Array(
new Array('userName','用户名不可为空!'),
new Array('passwd','密码不可为空!'),
));
if(!checkForm(arr)){
return false;
}
</script>
希望本文所述对大家jQuery程序设计有所帮助。
有用 | 无用
猜你喜欢
您可能感兴趣的文章:
- 理解AngularJs指令
- 详解AngularJS实现表单验证
- jquery实现鼠标悬浮停止轮播特效
- JavaScript动态创建form表单并提交的实现方法
- jquery实现定时自动轮播特效
- jQuery手动点击实现图片轮播特效
- javascript实现unicode与ASCII相互转换的方法
- 解决angular的post请求后SpringMVC后台接收不到参数值问题的方法
- 解决angular的$http.post()提交数据时后台接收不到参数值问题的方法
- 原生js实现数字字母混合验证码的简单实例
- js实现新年倒计时效果
- jquery判断复选框是否选中进行答题提示特效
- jQuery实现选项卡切换效果简单演示
- jquery特效 点击展示与隐藏全文
- AngularJS实现表单手动验证和表单自动验证
- js实现微信分享代码
- JavaScript观察者模式(经典)
- 常用的Javascript设计模式小结
- JS实现字符串转日期并比较大小实例分析