最近學習了一個新的關於前端正則驗證的插件，‘jQuery.validate.js ’ 要用這個插件 首先得有插件，下載jquery.validate.min.js 和jq文件並引入。
我把它簡單的通俗的分為兩部分
1.要驗證的是誰
2.驗證的提示信息
具體格式如下
$("id名").validate({
// 要驗證的誰 rules:{
},
//驗證提示信息 messages{
}
});
基本的格式就是這樣 下邊我會用代碼具體的說下這個插件。
一般的情況下是用來表單的 我們也就拿表單舉例子吧。
我們先寫一個表單
<form id="myOform">
//用p標簽抱起來我們的label標簽
<p>
<label for="user">username:</label> //用戶名
<input type="text" name="username" id="user"/>
</p>
<p>
<label for="user">username:</label> //密碼
<input type="text" name="username" id="user"/>
</p>
<p>
<input type="submit" name="submit" id="submit"/> //提交按鈕
</p>
</form>
驗證的語法要寫在script里
<script>
$(function(){
$("#myOform").validate({
rules:{
username:{ //注意！這個名是input的 name 的名稱屬性。
required:tred, //必填
rangelength:[8,13] //字符的長度 最小為8 最大為13
}
},
messages:{
username:{
required:'此項必填’, // 默認提醒的是英文 可以改成漢字
rangelength:'最長為13最短為8' //提示信息
}
}
});
});
</script>
當然還有其他的提示信息
這是驗證各種信息的的表單 如果有需要就可以使用.
當然 還有很多，這只是最簡單的 希望我們一起進步。
