0

ユーザーが送信をクリックした後、有効なフィールドをチェックするフォームがあります。次のようになります。

<form class="form-horizontal" method="post" action="#" name="basic_validate" id="basic_validate" />             
    <div class="control-group">
        <label class="control-label">Email Recipients</label>
        <div class="controls">
            <input type="text" name="emailreceipients" id="emailreceipients" />
        </div>
    </div>
    <div class="form-actions">
        <input type=submit value="Send" id="sendbtn" class="btn btn-primary" />
    </div>
</form>

エラーが見られる場合、'error' というクラスがフィールドに追加されます。

すべてのエラーが削除された後にフォーム送信をキャプチャするにはどうすればよいですか (たとえば、ユーザーがすべてのデータを入力した場合)。

フォーム送信後にヒットする検証呼び出しは次のとおりです。

// Form Validation
$("#basic_validate").validate({
    rules:{
        required:{
            required:true
        },
        emailreceipients:{
            required:false
        }
    },
    errorClass: "help-inline",
    errorElement: "span",
    highlight:function(element, errorClass, validClass) {
        $(element).parents('.control-group').addClass('error');
    },
    unhighlight: function(element, errorClass, validClass) {
        $(element).parents('.control-group').removeClass('error');
        $(element).parents('.control-group').addClass('success');
    }
});

私はこのようなことを試しました：

$("#sendbtn").click(function (e) {
    e.preventDefault();

    if ($("#basic_validate").children('.control-group').hasClass('error')) {
        alert("Error Seen");
    }
    else {
        // Process Form
    }
});

どうすればこれを達成できますか？

4

2 に答える 2

1

jQuery を使用するsubmit()

$("#basic_validate").submit();
于 2013-03-14T19:38:13.343 に答える
0

どんな処理をしたいですか？検証に合格した後、フォームを自然に送信させたい場合は、次のことができます

return true;
于 2013-03-14T19:35:00.687 に答える