如何使用jQuery驗證插件驗證字段

我是jquery中的新手。我在谷歌搜索，我得到Validation Plugin。但它不起作用。我在我的標題部分附加了jquery.validate.js。如何使用jQuery驗證插件驗證字段

我的代碼看起來像...

<form action="" method="" id="contact"> 
      <div class="form-group""> 
       <label> Your Name </label> 
       <input type="text" class="form-control" placeholder="Enter Your Name" id="firstname" required="" minlength="5"/> 
      </div> 

      <div class="form-group"> 
       <label> Your E-mail </label> 
       <input type="email" class="form-control" placeholder="Enter Your Email" id="email"/> 
      </div> 
    <button type="submit" class="btn btn-primary btn-lg"> Send</button> 
</form> 

    <script type="text/javascript"> 
    $('#contact').validate({ 
    success: function(label){ 
    label.addClass("has-success").text("ok"); 
    } 
    }); 
</script>

，但它不是我的驗證領域......任何人都可以說，如何使用它？我知道我在這裏做一些錯誤的，但我是新手所以...

來源

2013-10-23 404 Not Found

提交按鈕在哪裏？ – grigno

對不起，我忘了複製 –

嘗試使用文檔準備指令：

$(function(){ 
    $('#contact').validate(); 
});

它的工作原理：http://jsfiddle.net/RQMaV/15/

來源

2013-10-23 10:24:51 grigno

我只是把$（'＃contact'）。validate（）放在窗體的下邊，它工作。非常感謝...更多的問題，我添加bootstrap 3.0 has-success類，當它成功，但它沒有采取該類...請檢查我編輯的代碼... –

是否包含jQuery的插件validation.js文件在你的項目目錄？如果沒有，那麼你需要包括http://www.websitecodetutorials.com/code/jquery-plugins/validation.js

來源

2013-10-23 10:29:01 LHH

我已經從給定鏈接下載文件。因爲他們給了我包含的jquery.validate.js。 –

查看js小提琴鏈接..http：//jsfiddle.net/shaneblake/RQMaV/可能會幫助你 – LHH

我只是把$（'＃contact'）。validate（）放在窗體的下邊，它就起作用了。非常感謝...另外一個問題，我添加了bootstrap 3.0 has-success類，當它成功但它沒有考慮那個類...請檢查我編輯的代碼... –

提交按鈕是呈香，因爲它激發了驗證功能：

$("#myform").validate({ 
    submitHandler: function(form) { // this line is important 
    form.submit(); // with this line the validate function gets fired 
    } 
});

也許你也應該嘗試以下操作：

- 確保你的jQuery庫是正確的嵌入在您的文檔中

- 確保您的validation.js位於正確的文件夾中

來源

2013-10-23 10:31:34 infidel

我只是把$（'＃contact'）。驗證（）在窗體的下側，它的工作。非常感謝...另外一個問題，我添加了bootstrap 3.0 has-success類，當它成功時，但它沒有考慮那個類...請檢查我編輯的代碼... –

如何使用jQuery驗證插件驗證字段

回答

相關問題