1

私はJQueryに少し慣れていません。このjquery関数があるとしましょう:

var f = $("#myForm");
var url = f.attr("action");
var formData = f.serialize();
$.post(url, formData, function(data) {
    $("#postResult").html(data);
});

そしてこのフォーム:

<form id="myForm" action="/Monitor/Test/FormPost" method="post">
    <div>First Name: <input name="FirstName" type="text" value="Bob" /></div>
    <div>Last Name: <input name="LastName" type="text" value="Cravens" /></div>
    <div>Age: <input name="Age" type="text" value="43" /></div>
    <input type="submit" value="Save Contact" />
    <div id="postResult">?</div>
</form>

保存ボタンをjquery関数にバインドするにはどうすればよいですか? ありがとうございました

4

3 に答える 3

1
//this handler can work on any form that need to post all values
$("form input[type='submit']", f).click(function(e){
   e.preventDefault();
   var $this = $(this);
   var f = $this.parents('form');
   var url = f.attr("action");
   var formData = f.serialize();
   $.post(url, formData, function(data) {
       $("#postResult").html(data);
   });

   return false;
})

このコードでは、クリック イベントをサブスクライブしています。 [e.preventDefault();][1]フォームが時期尚早に送信されるのを防ぎ、必要な作業を行うことができます。

于 2013-06-25T22:38:40.237 に答える