溫馨提示×

溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

jQuery Validation Plugin

發(fā)布時間：2020-07-21 12:17:29 來源：網(wǎng)絡(luò) 閱讀：285 作者：antlove 欄目：web開發(fā)

index.html

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<script type="text/javascript" src="jquery-1.9.0.js"></script>
<script type="text/javascript" src="jquery.validate.min.js"></script>

<script type="text/javascript">
    // add the customized method 
	$.validator.addMethod("test",function(value,element,params){
		var flag = false;
		if(typeof(value)!=null&&parseInt(value)>10){
			flag = true;
		}
		return this.optional(element) || flag;
	},"the input value must be larger that 10");


	$(function(){
		$("#form").validate({
            submitHandler: function(form) {
                alert("pass ... ");
            },
            rules: {
                username: {
                    required:true
                },
                password:{
                	required:true,
                	minlength:6
                },
                email:{
                	required:true,
                	email:true
                },
                testField:{
                	required:true,
                	test:true
                }
            },
            messages: {
                username: {
                    required:"please input the username"
                },
                password:{
                	required:"please input the password",
                	minlength:"the password must be six characters at least"
                },
                email:{
                	required:"please input the email",
                	email:"the email format is wrong!"
                },
                testField:{
                	required:"please input the testField",
                }

            }//end messages
        });
	});
</script>
</head>
<body>
	<form id="form">
		<div>
			<label>username</label>
			<input name="username" type="text" />
		</div>
		<div>
			<label>password</label>
			<input name="password" type="text" />
		</div>
		<div>
			<label>email</label>
			<input name="email" type="text" />
		</div>
		<div>
			<label>test field</label>
			<input name="testField" type="text" />
		</div>
		<div>
			<input type="submit" value="submit" />
		</div>
	</form>
</body>
</html>


附件：http://down.51cto.com/data/2365952
向AI問一下細(xì)節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進(jìn)行舉報，并提供相關(guān)證據(jù)，一經(jīng)查實，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手