ColdFusionプログラムでjQuery検証の動作を変更しようとしています

Question

jQueryの検証は初めてですが、多くのことを試してみましたが、何もしませんでした。

問題を検証する電子メールを取得しようとしている問題。

このColdFusionコードは素晴らしい作品：

<li> 
    <label>Accounts Email</label> 
    <input name="AccountsEmail" id="AccountsEmail" type="email" maxlength="100" size="35" value="#Licencee.getaccountsemail()#" /> 
    <cfif len(licencee.getaccountsemail()) GT 0> 
     <a href="mailto:#Licencee.getaccountsemail()#" class="uk-icon-envelope-o"></a> 
    </cfif> 
</li> 
<li></li> 

上記のコードは、電子メールアドレスがある場合に、リンクされたシンボルを置きますが、我々は正しい形式の電子メールアドレスをテストしたいとなっています入力されました。

<script> 
    $("#licenceeForm").validate(); 
</script> 

これは素晴らしいアドレスをテストします。

この問題は、エラーメッセージを変更することです。私はちょうどあなたの電子メールが正しくフォーマットされていないか空白でない限り、ユーザには許可しないでください。

私はこの試みた：私が試してみました

$("#licenceeForm").validate({ 
    rules: { 
     AccountsEmail: { 
      required: false, 
      email: true 
     } 
    } 
}); 

をそれは違いはありません

の結果：

jQuery.extend(jQuery.validator.messages, { 
    required: "This field is required.", 
    remote: "Please fix this field.", 
    email: "Inc.", 
    min: jQuery.validator.format("Please enter a value greater than or equal to {0}.") 
}); 

これは、メッセージを変更し、それはまだメッセージおよびメッセージの変更でしたレイアウトとその結果の画面がよく見えません。

Answer 1

この

$("#licenceeForm").validate({ 
    rules: { 
    name: "required", 
    email: { 
     required: true, 
     email: true 
    } 
    }, 
errorPlacement: function(error, element) { 
    error.hide(); 
    } 
}); 

そして、あなたは、エラーが発生した場合に、カスタムの入力は、この試してみたい場合は試してみてください：

のJs

$("#licenceeForm").validate({ 
     rules: { 
     name: "required", 
     email: { 
      required: true, 
      email: true 
     } 
     }, 
    errorPlacement: function(error, element) { 
     error.hide(); 
     }, 
    errorClass: "invalid" // customize your input when there is an error, remove this line if you just like the basic 
    }); 

例： JSFIDDLE

を