1

私はこのようなhtmlを持っています:

                <form action="" id="emailFillOutForm">
                <div class="txt-fld">
                    <label for="repName">Rep. Name</label>
                    <input id="repName" type="text" disabled="disabled" value="John Smith" class="disabled" /> <!-- This value will come from login, fake it for now -->
                    <label for="financedAmount" style="padding-left: 15px;">Financed Amount</label>
                    <input id="financedAmount" type="text" disabled="disabled" class="disabled" />
                </div>
                <div class="txt-fld">
                    <label for="doctorName">Doctor Name</label>
                    <input id="doctorName" type="text" class="required"/>
                    <label for="emailAddress" style="padding-left: 15px;">Email address</label>
                    <input id="emailAddress" type="text" class="required email"/>
                </div>
                <div class="txt-fld">
                    <label>Equipment</label>
                    <select name="equipment" class="required">
                        <option value="Equipment1" selected="selected">Equipment1</option>
                        <option value="Equipment2">Equipment2</option>
                    </select>
                </div>
                <div class="btn-fld">
                    <button type="submit" value="submit">Submit &raquo;</button>
                </div>
             </form>

Javascript は次のとおりです。

    // Validate submit form with the jQuery validation library
        $("#emailFillOutForm").validate({
            errorPlacement: function (error, element) {
                error.appendTo($(element.parent("div")));
            },
            rules: {
                emailAddress: {
                    required: true,
                    email: true
                }
            }
        });

jquery.validate.min.js ライブラリ v. 1.9 jquery-1.7.2.min

何らかの理由で、フォームを「送信」すると、名前の入力のみが検証されます。電子メールを検証するには、タブで移動する必要があります。

4

1 に答える 1

1

追加する必要があるのは、入力nameと同じ値を持つ属性だけのようですid。

[...]

<input id="doctorName" name"doctorName" type="text" class="required"/>

[...]

<input id="emailAddress" name="emailAddress" type="text" class="required email"/>

[...]

于 2012-08-30T18:41:47.000 に答える