jQuery Validation讓驗證變得如此easy(二)
阿新 • • 發佈:2017-08-13
inpu jsb sage on() popu action func fonts strong
上一個樣例我們是統一引用jquery.validate.js這樣全部必填字段的提示信息都將是This field is required.
這次我們將校驗規則寫在代碼裏
接下來,聲明以下的HTML片段 和之前的相比沒有了class="required"
執行效果
如今要改成動態提示,比方姓名假設為空則提示姓名不能為空,密碼假設為空則提示密碼不能為空。
這次我們將校驗規則寫在代碼裏
首先還是先引入文件
<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(二)