0

バリデータプラグインを Twitter Bootstrap と併用したい。ただし、現時点では実際には機能していません。その理由はわかりません。

私のフォーム：

<div class="form_errors"></div>
<div class="form_holder_invitee" id="form_holder_invitee">
    <form class="homepage_invitee_form" id="homepage_invitee_form" action="add"
    method="get">
        <input name="email" placeholder="Email Address" id="email_address_new"
        type="text placeholder">
        <br>
        <input name="firstName" placeholder="First Name" id="firstname_new" type="text placeholder">
        <input name="lastName" placeholder="Last Name" id="lastname_new" type="text placeholder">
        <br>
        <button type="submit" class="btn btn-primary opal_btn" id="submit_form_new"
        value="submit">Request Invitation</button>
    </form>
</div>

これは私のvalidatorScriptです：

$(document).ready(function () {

    $('#form_holder_invitee').validate({
        rules: {
            firstName: {
                minlength: 2,
                required: true
            },
            email: {
                required: true,
                email: true
            },
            lastName: {
                minlength: 2,
                required: true
            }
        },
        highlight: function (element) {
            $(element).closest('.form_errors')
                .removeClass('success').addClass('error');
        },
        success: function (element) {
            element.text('OK!').addClass('valid')
                .closest('.form_errors')
                .removeClass('error').addClass('success');
        }
    });

}); // end document.ready

そして、エラーを表示するための少しの CSS:

label.error {
    font-weight: bold;
    color: red;
    padding: 2px 8px;
    margin-top: 2px;
}

ただし、フォームに入力しても何も起こりません。ライブラリは私のhtmlで適切に構成されています。何か案は？

4

1 に答える 1

1

フォームではなく、ラッパー div に .validate 関数を登録したためだと思いますか? しかし、バリデータプラグインがわかりません。

于 2013-03-29T18:51:13.057 に答える