表單驗證使用jquery-validate.js

我有一個問題，我不知道我做錯了什麼，因爲我遵循幾個例子，他們都沒有工作，我沒有得到任何錯誤，任何信號，沒有，也許有人可以幫我表單驗證使用jquery-validate.js

這裏是我的代碼 HTML：

<form id="contact" method="post" action="#"> 
       <fieldset> 
        <label for="name">NAME</label> 
        <input type="text" class="required input-xlarge" id="name-contact" name="name-contact" value="" placeholder="" minlength="2">

的Jquery：

$("#contact").validate({ 
     rules: { 
       "name-contact":{ 
        required: true 
       } 
     }, 
     messages: { 
      "name-contact": { 
       required: "Please, enter a name" 
      } 
     } 

    });

這是我第二次嘗試了，因爲它看起來非常容易使用這個插件，它不是招噸事先我感謝

來源

2013-03-11 paoloi

[您已發佈工作代碼]（http://jsfiddle.net/NP8sS）。你是否收到任何JavaScript錯誤？你記得包括插件嗎？它應該來自jQuery之後。 – Sparky 2013-03-11 15:52:00

它根本不適用於我 – paoloi 2013-03-12 15:54:14

我再問一次，你是否收到任何JavaScript錯誤？ – Sparky 2013-03-12 16:21:28

您發佈工作正常，你可以看到這裏的代碼：

http://jsfiddle.net/NP8sS/

的一些注意事項，但只有第一物品可能完全破壞東西：

1）也許你忘了包含jQuery和/或jQuery Validate插件。在「框架」和「外部資源」下查看jsFiddle的左側面板。你是否收到任何JavaScript錯誤？

你應該有兩條線，在這個順序，其中src包含正確的URL到您放置這些文件的位置：

<script type="text/javascript" src="jquery.js"></script> 
<script type="text/javascript" src="jquery.validate.js"></script>

2）你指定規則在兩個地方。 name-contact元素中的.validate()和minlength規則中有required規則。也許是更加一致，並把它們放在一起，而不是：

http://jsfiddle.net/NP8sS/1/

rules: { 
    "name-contact": { 
     required: true, 
     minlength: 2 
    } 
},

3）你for屬性，在<label>包含無效name。應該是：

<label for="name-contact">NAME</label>

4）你沒有關閉<form>。您需要在末尾放置</form>標籤。

來源

2013-03-11 15:49:53 Sparky

你是對的，謝謝你的回答，但我沒有看到任何錯誤消息要求我在jsfiddle文件中的名稱，不知道我做錯了什麼 – paoloi 2013-03-12 15:53:53

@paoloi，因爲我看不到你的頁面，我還能怎麼幫忙您？你是否正確地「包含」腳本？你是否收到任何JavaScript控制檯錯誤？您的OP也缺少''標籤。 – Sparky 2013-03-12 15:58:33

@paoloi，再次，我怎麼知道這些是好的網址？你也有'type =「text/javascript」'在一個但不是兩個。如果您的頁面正在本地進行測試，則離開'http：'不起作用。 – Sparky 2013-03-12 16:19:58

表單驗證使用jquery-validate.js

回答

相關問題