0

私は問題を抱えています、そして私はいくつかの例に従い、それらのどれもうまくいかなかったので私は間違っていることをしていません、私はエラー、信号、何も得られません、多分誰かが私を助けることができます

これが私のコード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"
            }
       }

   });

とても簡単に見えるので、このプラグインを使用しようとしたのはこれが2回目です。

4

1 に答える 1

1

あなたが投稿したコードは、ここで見ることができるように、正常に機能しています：

http://jsfiddle.net/NP8sS/

いくつかの注意事項がありますが、最初の項目だけが完全に物事を壊す可能性があります。

1） jQueryやjQueryValidateプラグインを含めるのを忘れた可能性があります。「Frameworks」と「ExternalResources」の下にあるjsFiddleの左側のパネルを見てください。JavaScriptエラーが発生していますか？

この順序で2行が必要です。ここにsrcは、これらのファイルを配置した場所への正しいURLが含まれています。

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

2） 2か所でルールを指定しました。required内部にルールがあり、要素内.validate()にルールがあります。たぶんもっと一貫性があり、代わりにそれらをまとめます：minlengthname-contact

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-11T15:49:53.153 に答える