jquery写表单验证（JQuery实现提交表单时候需要验证所有文本框是否为空吗）

本文目录

• JQuery实现提交表单时候需要验证所有文本框是否为空吗
• jquery表单验证怎么判断输入的中文
• JQuery form表单提交前验证单选框是否选中、删除记录时验证经验总结(整理)
• Jquery.validate.js实现前端表单验证
• 如何用JQuery进行表单验证
• 使用jQuery点击按钮实现表单验证是否输入在线等解答，谢谢
• jquery 表单验证是前端写吗
• 用jQuery为表单进行验证
• jquery.validate.min.js表单验证问题
• jquery验证表单是否为空

JQuery实现提交表单时候需要验证所有文本框是否为空吗

这个可以在表单上添加onsubmit函数和使用jQuery的each函数来判断

varflag=true;

functioncheckForm(frm){

$("#frminput").each(function(i,obj){

if(obj.value==""){

alert($(obj).attr("placeholder"));

flag=false;

returnfalse;

}

});

returnflag;

}

《/script》

文本1：

文本2：

文本3：

文本4：

文本5：

这个可以在表单上添加onsubmit函数和使用jQuery的each函数来判断

《script type="text/javvascript"》

var flag = true;

function checkForm(frm) {

$("#frm input").each(function(i, obj) {

if(obj.value == "") {

alert($(obj).attr("placeholder"));

flag = false;

return false;

}

});

return flag;

}

《/script》

《form ation="目标地址" method="post" onsubmit="return checkForm();" id="frm"》

文本1：《input type="text" name="txt1" value="" placeholder="文本1不能为空"/》《br/》

文本2：《input type="text" name="txt2" value="" placeholder="文本2不能为空"/》《br/》

文本3：《input type="text" name="txt3" value="" placeholder="文本3不能为空"/》《br/》

文本4：《input type="text" name="txt4" value="" placeholder="文本4不能为空"/》《br/》

文本5：《input type="text" name="txt5" value="" placeholder="文本5不能为空"/》《br/》

《input type="submit" value="提交表单"/》

jquery表单验证怎么判断输入的中文

正则表达式判断即可，如下：第一种代码：EXFCODE：1 function isChinese(temp) 2 { 3 var re=//; 4 if (re.test(temp)) return false ; 5 return true ; 6 } 第二种代码：EXFCODE：01 function isChn(str) 02 { 03 var reg=/^+$/; 04 if (!reg.test(str)){ 05 alert( "不全是中文" ); 06 return false ; 07 } else { 08 alert( "全是中文" ); 09 return true ; 10 } 第三种代码：EXFCODE：01 function funcChina() 02 { 03 var obj = document.form1.txtName.value; 04 if (/.*+.*$/.test(obj)) 05 { 06 alert( "不能含有汉字！" ); 07 return false ; 08 } else { 09 return true ; 10 ｝ 11 } 第四种代码：EXFCODE：1 function isChina(s) 2 { 3 var patrn=//gi; 4 if (!patrn.exec(s)){ 5 return false ; 6 } else { 7 return true ; 8 } 9 } 第五种代码：EXFCODE：1 var str= ’玄峰软件hh’ ; 2 if (escape(str).indexOf( "%u" )《0) 3 { 4 alert( "没有包含中文" ); 5 } else { 6 alert( "包含中文" ); 7 } 原理：escape对字符串进行编码时，字符值大于255的以"%u****"格式存储，而字符值大于255的恰好是非英文字符（一般是中文字符，非中文字符也可以当作中文字符考虑）；indexOf用以判断在字符串中是否存在某子字符串，找不到返回"-1"。

JQuery form表单提交前验证单选框是否选中、删除记录时验证经验总结(整理)

 先上三张效果图：  这些功能在JavaWeb开发中可能是经常需要的，虽然很简单却使很实用的功能，这里记录下以免忘记。1.先说表单提交前验证：后台经常用到（这里是提交后统一验证，及时验证请参考我另一篇文章***隐藏网址***1.1通过submit按钮提交后会根据form的属性action=“路径”来跳转到相应的路径，这时，给form添加一个onsubmit=”returncheck()”属性，check()使我们要写的验证函数，如下图：《formaction="路径"onsubmit="returncheck()"method="POST"》1.2check()函数如下(验证姓名是否填写与单选框性别是否选中)$(‘#notice’)的话，随便写个div加个id属性就好了《scripttype="text/javascript"》functioncheck(){varname=$(’#name’).val().trim();vargender=$(’input:radio:checked’).val();if(!name){$(’#notice’).text(’客服名称不能为空！’).show();returnfalse;}elseif(!gender){$(’#notice’).text(’请选择客服性别！’).show();returnfalse;}else{returntrue;}}《/script》《divid="notice"style="font-size:30px;color:red;margin-top:15px;"》《/div》1.3最后说一下删除时，确认是否删除的问题《inputtype="image"src="删除图标的路径"title="删除"onclick="{if(confirm(’确定删除吗?’)){javascript:document:delfrom_${ServerInfo.id};returntrue;}returnfalse;}"》分开写实际就是if(confirm(’确定删除吗?’)){{javascript:document:delfrom_${ServerInfo.id};returntrue;}returnfalse;以上所述是小编给大家介绍的JQueryform表单提交前验证单选框是否选中、删除记录时验证经验总结，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！

Jquery.validate.js实现前端表单验证

jquery.validate.js表单验证

***隐藏网址******隐藏网址*** 当前版本：1.5.5 需要JQuery版本：1.2.6+, 兼容 1.3.2 《script src="../js/jquery.js" type="text/javascript"》《/script》 《script src="../js/jquery.validate.js" type="text/javascript"》《/script》

(1)required:true 必输字段 (2)remote:"check.php" 使用ajax方法调用check.php验证输入值 (3)email:true 必须输入正确格式的电子邮件 (4)url:true 必须输入正确格式的网址 (5)date:true 必须输入正确格式的日期 (6)dateISO:true 必须输入正确格式的日期(ISO)，例如：2009-06-23，1998/01/22 只验证格式，不验证有效性 (7)number:true 必须输入合法的数字(负数，小数) (8)digits:true 必须输入整数 (9)creditcard: 必须输入合法的信用卡号 (10)equalTo:"#field" 输入值必须和#field相同 (11)accept: 输入拥有合法后缀名的字符串（上传文件的后缀） (12)maxlength:5 输入长度最多是5的字符串(汉字算一个字符) (13)minlength:10 输入长度最小是10的字符串(汉字算一个字符) (14)rangelength: 输入长度必须介于 5 和 10 之间的字符串")(汉字算一个字符) (15)range: 输入值必须介于 5 和 10 之间 (16)max:5 输入值不能大于5 (17)min:10 输入值不能小于10

例子：自定义密码验证的规则

如何用JQuery进行表单验证

(1)所需工具: jQuery.1.8.3.js和jquery.validate.js,百度jquery validate插件即可找到下载(2)引入js 《script src="jQuery.1.8.3.js" type="text/javascript"》《/script》 《script src="jquery.validate.js" type="text/javascript"》《/script》(3)按照插件的配置规则进行配置代码实例:JS代码： 　　《script type="text/javascript"》 $(function () { $("#form1").validate({ /*自定义验证规则*/ rules:{ username:{ required:true,minlength:6 }, userpass:{ required:true,minlength:10 } }, /*错误提示位置*/ errorPlacement:function(error,element){ error.appendTo(element.siblings("span")); } }); }) 《/script》　　　　HTML代码：　　《form id="form1" action="#" method="post"》　　　　《p》用户登录《/p》　　　　《p》名称:《input id="txtName" name="username" type="text" class="txt" /》《span style="color:Red;font-size:10px;"》《/span》《/p》　　　　《p》密码:《input id="txtPass" name="userpass" type="password" class="txt" /》《span style="color:Red;font-size:10px;"》《/span》《/p》　　　　《div》　　　　　　《input id="btnLogin" type="button" value="登录" class="btn" /》 　　　　　　《input id="btnReset" type="button" value="取消" class="btn" /》 　　　　《/div》　　《/form》

使用jQuery点击按钮实现表单验证是否输入在线等解答，谢谢

$("确认添加按钮的ID").click(function(){if($("学号输入框的ID").val()==""&&$("学生名称输入框的ID").val()=="")提示内容的标签.toggle();});

jquery 表单验证是前端写吗

这里提供两个牛B的常用的jQuery表单验证插件：、实例讲解表单验证插件Validation的应

用jQuery为表单进行验证

 $(function () {            $("#send").live("click", function () {                if ($("#username").val().trim() == "") {                    alert("用户名不能为空");                    return false;                }            })        })        /* 考虑到ie7,8不兼容trim()，可单独写去空格方法 */        function trim(stringToTrim) {      return stringToTrim.replace(/^\s+|\s+$/g,"");  }

jquery.validate.min.js表单验证问题

一、导入js库

《script type="text/javascript" src="《%=path %》/validate/jquery-1.6.2.min.js"》《/script》《script type="text/javascript" src="《%=path %》/validate/jquery.validate.min.js"》《/script》

二、默认校验规则

默认校验规则(1)、required:true               必输字段(2)、remote:"remote-valid.jsp"   使用ajax方法调用remote-valid.jsp验证输入值(3)、email:true                  必须输入正确格式的电子邮件(4)、url:true                    必须输入正确格式的网址(5)、date:true                   必须输入正确格式的日期，日期校验ie6出错，慎用(6)、dateISO:true                必须输入正确格式的日期(ISO)，例如：2009-06-23，1998/01/22 只验证格式，不验证有效性(7)、number:true                 必须输入合法的数字(负数，小数)(8)、digits:true                 必须输入整数(9)、creditcard:true             必须输入合法的信用卡号(10)、equalTo:"#password"        输入值必须和#password相同(11)、accept:                    输入拥有合法后缀名的字符串（上传文件的后缀）(12)、maxlength:5                输入长度最多是5的字符串(汉字算一个字符)(13)、minlength:10               输入长度最小是10的字符串(汉字算一个字符)(14)、rangelength:         输入长度必须介于 5 和 10 之间的字符串")(汉字算一个字符)(15)、range:               输入值必须介于 5 和 10 之间(16)、max:5                      输入值不能大于5(17)、min:10                     输入值不能小于10

三、默认的提示

messages: {required: "This field is required.",remote: "Please fix this field.",email: "Please enter a valid email address.",url: "Please enter a valid URL.",date: "Please enter a valid date.",dateISO: "Please enter a valid date (ISO).",dateDE: "Bitte geben Sie ein g眉ltiges Datum ein.",number: "Please enter a valid number.",numberDE: "Bitte geben Sie eine Nummer ein.",digits: "Please enter only digits",creditcard: "Please enter a valid credit card number.",equalTo: "Please enter the same value again.",accept: "Please enter a value with a valid extension.",maxlength: $.validator.format("Please enter no more than {0} characters."),minlength: $.validator.format("Please enter at least {0} characters."),rangelength: $.validator.format("Please enter a value between {0} and {1} characters long."),range: $.validator.format("Please enter a value between {0} and {1}."),max: $.validator.format("Please enter a value less than or equal to {0}."),min: $.validator.format("Please enter a value greater than or equal to {0}.")

jquery验证表单是否为空

jquery判断表单提交内容是否为空 按照代码就能实现。简单代码如下：$(document).ready(function() {$(“form”).submit(function(){if ($(“select“).val() == “”){alert(“对不起，请选择类别！”);$(“select“).focus();return false;}if ($(“select“).val() == “请选择分类”){alert(“对不起，请选择类别！”);$(“select“).focus();return false;}if ($(“input“).val() == “”){alert(“对不起，请填写内容！”)$(“input“).focus();return false}if ($(“input“).val().length 》 150){alert(“对不起，内容超过150个字符限制！”)$(“input“).focus();return false}})$(“#t”).keyup(function(){$(“.inner”).text($(“input“).val());}).change(function(){$(“.inner”).text($(“input“).val());});});