jQuery 插件 Validation表单验证 使用步骤(详细的)
之前一直專注于做公司的OA系統(tǒng),很久沒有好好學(xué)習(xí)了,,,,
下面就開始講這個(gè)插件的使用步驟
1.現(xiàn)在界面引入插件
<script src="jquery.js"></script>
<script src="jquery.valition.js"></script>
<form id=demoFrom>
<p>
<label for="username">用戶名</label>
<input type="text" id=username name="username">
</p>
<p>
<label for="password">密碼</label>
<input type="text" id=passwordname="password">
</p>
<p>
<input type="submit" value="登錄">
</p>
</from>
<script>
$(document).ready(function(){
$("#demoFrom").validation({
rules:{
//name的名字,而不是Id
username:{
required:"必須填寫",
minlengtn:最小兩位,
maxlength:“最大十位”
},
password:{
required:"必須填寫",
minlengtn:最小兩位,
maxlength:“最大十位”
},
}
message:{
username:{
required:true,
minlengtn:2,
maxlength:10
},
password:{
required:true,
minlengtn:2,
maxlength:10
},
}
})
})
</script>
?
?
------基本API
method:驗(yàn)證方法 ?,指的是校驗(yàn)的邏輯
rule:驗(yàn)證規(guī)則,指的是元素和驗(yàn)證方法的關(guān)聯(lián)
validate:插件的核心方法,定義了基本的校驗(yàn)規(guī)則和一些有用的配置項(xiàng)
debug:true; ?表單不會(huì)提交
?
required 必填 ?max:最大值 ?range:值范圍 ?email:email格式 ?url:url格式 ?date:日期 ?dateISO ISO日期 ?number:數(shù)字 ?digits:整數(shù) ??
?
?
?
只是最簡單的一個(gè)驗(yàn)證,,,,,
?
轉(zhuǎn)載于:https://www.cnblogs.com/jiakai/p/5141514.html
總結(jié)
以上是生活随笔為你收集整理的jQuery 插件 Validation表单验证 使用步骤(详细的)的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。