首選必須是要下載滴，jq.validate.js表單效驗方式。

建立form表單沒得說

<form id="form"><p><label for="user">username</label><input type="text" name="username" id="user"/></p><p><label for="pass">passname</label><input type="text" name="password" id="pass"/></p><p><input type="submit" value="登陸" id="dl"/><input type="submit" value="注冊"/></p></form>

效果是這樣的

然后引入jquery 和?jquery.validate。

就可以開始js代碼的書寫

validate(options) //返回:Validator// 驗證所選的 FORM $('#form').validate({}) //用來綁定所需操作的form表單

以下是我的一段代碼

$(function() {$('#form').validate({rules: { //返回元素的驗證規則 username: { //綁定的name值required: true, //必填選項minlength:6 //最小長度 },password: { //綁定的name值required: true, //必填項 minlength:6 //最小長度 }},messages: { //驗證錯誤時的提示username: { //綁定的name值required: '必填',minlength:'最少6個字符'},password: { //綁定的name值required: '必填',minlength:'最少6個字符'}},submitHandler: function() { //驗證成功后執行 },highlight:function(element,errorClass){ //驗證失敗時執行 $(element).addClass(errorClass);$(element).fadeOut().fadeIn();}});})

簡單的驗證注釋都有了，然后是效果圖

?

轉載于:https://www.cnblogs.com/UniverseWang/p/7055955.html

總結

以上是生活随笔為你收集整理的jq.validate.js的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。