jQuery Validation讓驗證變得如此easy(二)
阿新 • • 發佈：2017-08-13
inpu jsb sage on() popu action func fonts strong
上一個樣例我們是統一引用jquery.validate.js這樣全部必填字段的提示信息都將是This field is required.
這次我們將校驗規則寫在代碼裏
接下來,聲明以下的HTML片段
執行效果
如今要改成動態提示，比方姓名假設為空則提示姓名不能為空，密碼假設為空則提示密碼不能為空。
這次我們將校驗規則寫在代碼裏
首先還是先引入文件
<script src="js/jquery-1.8.0.min.js" type="text/javascript"></script> <script src="js/jquery.validate.js" type="text/javascript"></script>
接下來,聲明以下的HTML片段
<form action="" id="jvForm"> 姓名:<input type="text" name="username" id="username" /></br> 密碼:<input type="password" name="password" id="password" /></br> <input type="submit" value="提交" /> </form>
最後 校驗規則例如以下：
$(function() {
$("#jvForm").validate({
rules: {
username: {
required: true
},
password: {
required: true
}
},
messages: {
username: {
required: "姓名不能為空!"
},
password: {
required: "密碼不能為空!"
}
}
});
})執行效果
jQuery Validation讓驗證變得如此easy(二)