使用JQuery - 防止表单提交

22 浏览
0 Comments

使用JQuery - 防止表单提交

如何使用jquery阻止表单提交？

我尝试了各种方法，以下是我尝试的三个不同选项，但它们都不起作用：

    $(document).ready(function() { 
            //option A
            $("#form").submit(function(e){
                e.preventDefault();
            });
            //option B
            $("#form").submit(function(e){
                stopEvent(e);
            });
            //option C
            $("#form").submit(function(){
                return false;
            });
    });

可能有什么问题？

更新 - 这是我的html代码：

 

 

这里有什么问题吗？

admin 更改状态以发布 2023年5月21日
0

2 答案

0 Comments

你可能有很多表单在页面上，而使用$(\'form\').submit()会将此事件添加到页面上第一个表单中。而应使用类选择器或尝试以下代码： \n

$('form').each(function(){
    $(this).submit(function(e){
        e.preventDefault();
        alert('it is working!');
        return  false;
    })
})

\n或其更好的版本： \n

$(document).on("submit", "form", function(e){
    e.preventDefault();
    alert('it works!');
    return  false;
});

0
0 Comments

两件事情非常突出：

  • 你的表单名称可能不是form，而是删除#字符来引用标签。

  • 此外，e.preventDefault是正确的JQuery语法，如：

        //option A
    $("form").submit(function(e){
        e.preventDefault();
    });

选项C也应该可以工作。我不熟悉选项B

一个完整的例子：


    
        
        
    
    
        

          Search

0