2

データベース内のユーザーの詳細を更新するアラートをボタンに追加しようとしています。

ボタンにonclickメソッドを直接追加して関数を使用しようとしましたが、うまくいかないようです。

私のボタンは;

<input type="submit" id="profileclick" value="Update" class="button-link"/>

そして、私は次の方法でフォームを送信しています: (重要な場合)

<form id="profile" method="post" action="../script/updateUserDetails.php">

私が試した方法の1つは

$('#profileclick').click(function(){
 alert('Your details have been updated');
 $('#profile').submit();
});

すべてのインスタンスで詳細が更新されますが、アラートが表示されません。

4

2 に答える 2

3 
$('#profileclick').click(function(){    
     alert('Your details have been updated');
     $('#profile').submit();
});


$('#profile').submit(function( e ){
         e.preventDefault();

         // ........ AJAX SUBMIT FORM
});

または、送信する前に遅延を追加するだけsetTimeoutです...

$('#profileclick').click(function(){    
     alert('Your details have been updated');
     setTimeout(function(){
             $('#profile').submit();
     }, 2000);        
});
于 2013-01-07T20:12:07.713 に答える
0 
$('#profileclick').click(function(e) {
    e.preventDefault(); // prevents the form from being submitted by the button
    // Do your thing
    $('#profile').submit(); // now manually submit form
});

EDIT:

Just a note. This won't prevent the form from being submitted by other means, such as pressing Enter inside a text field. To prevent the form from being submitted at all, you have to preventDefault() on the form itself, as given in the other answer.

于 2013-01-07T20:30:03.557 に答える