jquery validate js怎么用的??

Posted 2023-05-05

<script language="javascript" src="jquery144.js"></script> <script language="javascript" src="jquery.validate.js"></script> 先导入这行代码 <form id="form2" runat="server"> <br /> <br /> <br /> <br /> <br /> <br /> <br /><input type="text" id="btnname" /> <input type="submit" value="submit" /> </form> <script type="text/javascript"> $().ready(function () $("#form2").validate( rules: btnname:required: true, , messages: firstname: "请输入姓名", , ); ); </script> </body> </html> 然后也没效果啊?

jquery.validate.js是jquery下的一个验证插件，功能比较强大

1、默认校验规则

(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] 输入长度必须介于 5 和 10 之间的字符串")(汉字算一个字符) 
(15)range:[5,10] 输入值必须介于 5 和 10 之间 
(16)max:5 输入值不能大于5 
(17)min:10 输入值不能小于10 

2、默认的提示 

 
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.") 
,

如需要修改，可在js代码中加入： 

 
jQuery.extend(jQuery.validator.messages,  
required: "必选字段", 
remote: "请修正该字段", 
email: "请输入正确格式的电子邮件", 
url: "请输入合法的网址", 
date: "请输入合法的日期", 
dateISO: "请输入合法的日期 (ISO).", 
number: "请输入合法的数字", 
digits: "只能输入整数", 
creditcard: "请输入合法的信用卡号", 
equalTo: "请再次输入相同的值", 
accept: "请输入拥有合法后缀名的字符串", 
maxlength: jQuery.validator.format("请输入一个长度最多是 0 的字符串"), 
minlength: jQuery.validator.format("请输入一个长度最少是 0 的字符串"), 
rangelength: jQuery.validator.format("请输入一个长度介于 0 和 1 之间的字符串"), 
range: jQuery.validator.format("请输入一个介于 0 和 1 之间的值"), 
max: jQuery.validator.format("请输入一个最大为 0 的值"), 
min: jQuery.validator.format("请输入一个最小为 0 的值") 
);

3、使用方法

    1）将校验规则写到控件中

    

 
<script src="../js/jquery.js" type="text/javascript"></script> 
<script src="../js/jquery.validate.js" type="text/javascript"></script> 
<script src="./js/jquery.metadata.js" type="text/javascript"></script> 
$().ready(function()  
$("#signupForm").validate(); 
); 
<form id="signupForm" method="get" action=""> 
<label for="firstname">Firstname</label> 
<input id="firstname" name="firstname" class="required" /> 
<label for="email">E-Mail</label> 
<input id="email" name="email" class="required email" /> 
<label for="password">Password</label> 
<input id="password" name="password" type="password" class="required:true,minlength:5" /> 
<label for="confirm_password">确认密码</label> 
<input id="confirm_password" name="confirm_password" type="password" class="required:true,minlength:5,equalTo:\'#password\'" /> 
<input class="submit" type="submit" value="Submit"/> 
</form>

    2）将校验规则写到代码中

 
$().ready(function()  
$("#signupForm").validate( 
rules:  
firstname: "required", 
email:  
required: true, 
email: true 
, 
password:  
required: true, 
minlength: 5 
, 
confirm_password:  
required: true, 
minlength: 5, 
equalTo: "#password" 
 
, 
messages:  
firstname: "请输入姓名", 
email:  
required: "请输入Email地址", 
email: "请输入正确的email地址" 
, 
password:  
required: "请输入密码", 
minlength: jQuery.format("密码不能小于0个字符") 
, 
confirm_password:  
required: "请输入确认密码", 
minlength: "确认密码不能小于5个字符", 
equalTo: "两次输入密码不一致不一致" 
 
 
); 
); 
//messages处，如果某个控件没有message，将调用默认的信息 
<form id="signupForm" method="get" action=""> 
<label for="firstname">Firstname</label> 
<input id="firstname" name="firstname" /> 
<label for="email">E-Mail</label> 
<input id="email" name="email" /> 
<label for="password">Password</label> 
<input id="password" name="password" type="password" /> 
<label for="confirm_password">确认密码</label> 
<input id="confirm_password" name="confirm_password" type="password" /> 
<input class="submit" type="submit" value="Submit"/> 
</form> 参考技术A <html> <head> <script language="javascript" src="jquery144.js"></script> <script language="javascript" src="jquery.validate.js"></script> </head> <form id="form2" runat="server" onsubmit="return myForm.Apply()"> <br /> <br /> <br /> <br /> <br /> <br /> <br /><input type="text" id="btnname" /> <input type="submit" value="submit" /> </form> <script type="text/javascript"> var myForm = new Validate(); myForm.addRules(id:'btnname',option:'required',error:'请输入姓名'); </script> </body> </html> 调好了，这样用就ok~试试看，不好用的话再跟我说本回答被提问者采纳

求助jquery validate验证的时候validatecode未定义是怎么回事

参考技术A 这个JS首先引用：
<link href="Scripts/idcode/jquery.idcode.css" rel="stylesheet" type="text/css" />
<script src="Scripts/idcode/jquery.idcode.js" type="text/javascript"></script>

然后加载它的一个方法：
<script type="text/javascript">
$(document).ready(function ()
$.idcode.setCode();
);
</script>
然后要到它的JS文件去指定一个输入验证码框的ID
var settings =
e : 'idcode',
codeType : name : 'follow', len: 4,
codeTip : 'refresh?',
inputID: 'Txtidcode'//这个就是你页面输入验证码的文本框ID
;
然后是页面元素：
<label class ="lblVerification">验证码</label>
<input type ="text" id ="Txtidcode" class ="txtVerification" />
<span id="idcode"></span>

最后是JS调用：var IsBy = $.idcode.validateCode(); 返回的是true或false。这样就可以验证本回答被提问者采纳