jQueryの - 検証（）とグループ化同様のフォーム項目

Question

私は次のような形式があります

http://fuzzysiberians.com/app4.cfm

何の社会保障番号が存在しない、私のエラーメッセージが各テキストフィールドの後に表示されているが。これらのエラーメッセージをグループ化して、3つのテキストボックスが隣り合って表示され、1つのエラーメッセージのみが表示されるようにする方法はありますか？

Answer 1

SSNを1つのフィールドにしてみませんか？現在、ssnの各部分に3つのテキストフィールドがあります。

または、ユーザーのフィールドにダッシュを自動的に追加するさまざまなマスク編集フィールドがあります。しかし、これは、ユーザが部分的にそれを入力することに加えて、その全部の番号を入力することに慣れている場合である。

Answer 2

社会保障番号に3つの異なるフィールドがあるのではなく、### - ## - ####フォーマットのためにマスクされた単一のフィールドを使用したいと思います。

あなたは、単一の検証ルールは、単一の入力ボックスを打つ可能性があります。ここ

$("#ssn").mask("999-99-9999"); 

jQuery Masked Input Plugin

は

<form id="myForm"> 
<fieldset> 
    <legend>My Sample Form</legend> 
    <label><strong>Name:</strong></label><br /> 
    <input name="name" id="name" /> 
    <br /> 
    <label><strong>SSN:</strong></label><br /> 
    <input name="ssn" id="ssn" /> 
    <br /> 
    <input class="submit" type="submit" value="submit" /> 
</fieldset> 
</form> 

<script language="javascript"> 
    jQuery(function($) { 
     $("#ssn").mask("999-99-9999"); 
     // validate signup form on keyup and submit 
     $("#myForm").validate({ 
      rules: { 
       name: "required", 
       ssn: "required", 
      }, 
      messages: { 
       name: "Please enter your name!", 
       ssn: "Please enter your ssn!" 
      } 
     }); 

    }); 
</script>