2

私は次のフォームを持っています：

http://fuzzysiberians.com/app4.cfm

社会保障番号がない場合、各テキスト フィールドの後にエラー メッセージが表示されます。これらのエラー メッセージをグループ化して、テキスト ボックスを 3 つ並べて、エラー メッセージを 1 つだけ表示する方法はありますか?

4

2 に答える 2

6

社会保障番号に3つの異なるフィールドを設定するのではなく、###-##-####形式でマスクされた単一のフィールドを使用します。

次に、単一の検証ルールを単一の入力ボックスにヒットさせることができます。

jQueryマスク入力プラグイン

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

これは、検証プラグインとマスクされた入力プラグインとともにSSNの単一フィールドを使用したコードサンプルです...

<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>
于 2009-06-11T16:11:08.350 に答える
0

SSNを単一のフィールドとして使用しないのはなぜですか？現在、ssnの各部分に3つの個別のテキストフィールドがあります。

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

于 2009-06-11T16:10:27.273 に答える