0

入力された値が有効かどうかをチェックするフォームにテキスト フィールド (メール) があります。

問題は、間違って入力すると、メッセージの下に構成したエラーメッセージが表示されず、代わりにデフォルトのメッセージが選択されることです。

$("#myform").validate({
    rules: {
        email:{
            required: true,
            email: true,
             type: "post",
            remote:{
                url:"myservlet?verifyEmail=checkEmail",
                /* data: "verifyEmail=checkEmail", */
                type: "post",
            }  
        },
     messages:{
         email:{
             required: "Enter a valid email",
             remote: "This user is already taken"
         }
     }
    },
    highlight: function(element){
    $(element).closest('.control-group').removeClass('success').addClass('error');
    },
    success: function(element){
        element
        .closest('.control-group').removeClass('error')/* .addclass('error') */;        
        }
});

   if(('#myform').validated())
       ('#myform').submit();   

ネットワーク トラフィックを確認しようとしましたが、このリクエストによるトラフィックは見られませんでした。ハイライトと成功の下で構成されたブートストラップ クラスは正常に機能しています。このプラグインを使用するのはこれが初めてです。

更新 1:入力コントロール

                 <div class="control-group">
        <label class="control-label" for="email"> email:</label>
           <div class="controls">
            <input type="text" id="email" class="input-xlarge span2" name="email"/>
            </div>
         </div>
        <tr>
            <td></td>
            <td><input type="button" Value="Refresh" /></td>
        </tr>

更新 2:

コードを変更しました。検証ルールが機能するようになりましたが、まだ ajax リクエストが起動されないという問題に直面しています。それについて何か頭がありますか?

4

1 に答える 1