使用jquery时如何请求确认多个表单

时间:2013-12-19 12:23:28

标签: javascript jquery forms

我想在删除用户之前要求确认。 我在一个页面中有多个表单。

剧本:

<script>
$(document).ready(function(){
    $('form.delform input#delete_btn[type="submit"]').click(function() {
        if(!confirm("are you sure?")) {
            return false;
        }
    });
});
</script>

表格:

<form action="#" method="post" accept-charset="utf-8" class="delform">
    <input type="hidden" name="user_id" value="2">
    <input type="submit" value="delete" id="delete_btn">
</form>

问题是:我提交表单时没有出现确认对话框。它只是提交表单而不要求确认,它在我开始使用jquery之前就已经工作了。

页面中的

我正在使用jquery 1.10.2和jquery mobile 1.3.2

2 个答案:

答案 0 :(得分:0)

我对jQuery mobile并不是很熟悉,但我知道通过AJAX进行的加载很多。您可以尝试使用事件委派。

$(document).on('submit', '.delform', function(e){
  return confirm('Are you sure?');
});

通过提交事件执行此操作更安全,因为您可以在不单击按钮的情况下提交表单。

答案 1 :(得分:0)

尝试这项工作:

$('form.delform input[type="submit"]').click(function() {
        if(!confirm("are you sure?")) {
            return false;
        }
    });