-1

クリックで2つの異なるイベントが発生します。jQueryを使用し、を送信ボタンにバインドしてさまざまな呼び出しを試みます。1つはjquery.validateの呼び出しで、もう1つはget応答の呼び出しです。どちらのイベントも正常に機能していますが、一緒に結び付けてほしいと思います。現在、最初のクリックでサーバーが呼び出され、JSONが返されます（コードはさらにあります）。

$("#validateButton").bind('click', function () {
  var someVariable = $("#someVariable").val();
}

 //Bind button to click
 $('#validateButton').bind('click', function () {
 //Implement Validate on this form ID
 $('#someForm').valid();
});
  //Ensure we're ready
$().ready(function () {


$("#someVariable").validate({

    rules: {
        someVariable: {
            required: true,
        },
    },

    messages: {
        accntTypeCL: {
            required: "Blah",

        },
    }
});

});
4

1 に答える 1

1

.valid()送信がクリックされるとフォームのステータスがすでに自動的にチェックされているため、送信ボタンのクリックにバインドする必要はありません。

.validate()DOM対応でフォームを初期化するために使用するだけです。次に、組み込みの機能を使用しsubmitHandler:て、ボタンをクリックしたときに必要なすべてのことを実行しsubmitます。 

$(document).ready(function() {

    $('#theForm').validate() {
        // your validation rules and plugin options,

        submitHandler: function(form) {
            // whatever code you want to run upon clicking submit
            var someVariable = $("#someVariable").val();
            form.submit();
        }
    });

});

簡単なデモ：

http://jsfiddle.net/tyGNC/

于 2013-01-06T00:02:12.313 に答える