入力された値が有効かどうかをチェックするフォームにテキスト フィールド (メール) があります。
問題は、間違って入力すると、メッセージの下に構成したエラーメッセージが表示されず、代わりにデフォルトのメッセージが選択されることです。
$("#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 リクエストが起動されないという問題に直面しています。それについて何か頭がありますか?