Question

我一直在尝试向我的按钮添加警报，以更新数据库中的用户详细信息。

我尝试将onclick方法直接添加到按钮并使用函数，但它似乎不起作用。

我的按钮是;

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

我通过以下方式提交表格:(如果重要的话）

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

我试过的方法之一是

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

在所有情况下，细节都会更新，但我没有收到警报。

Answer 1

$('#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);        
});

Answer 2

$('#profileclick').click(function(e) {
    e.preventDefault(); // prevents the form from being submitted by the button
    // Do your thing
    $('#profile').submit(); // now manually submit form
});

编辑：

请注意。这不会阻止通过其他方式提交表单，例如在文本字段中按Enter键。要防止提交表单，您必须在表单本身上使用preventDefault（），如另一个答案所示。

向按钮单击添加警报

2 个答案: