2

我有以下表格：

http://fuzzysiberians.com/app4.cfm

当没有社会安全号码时，我的错误消息会显示在每个文本字段之后。有没有办法对这些错误消息进行分组，以便彼此相邻的 3 个文本框，然后只显示一个错误消息？

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 回答