Question

如果我将按钮命名为＆＃34;提交＆＃34;表格没有提交。但是，如果我更改了表单正在提交的其他名称。

HTML CODE：

<form name="my_form" action="/search" method="get" id="my_form">
/** code **/
<button name="submit" type="submit"><i class="fa fa-angle-right"></i></button>
</form>

此处如果我更改button名称，那么它将起作用并提交表单。

JQUERY CODE

$( document ).ready(function() {
    $('.attr_list').on('ifChanged', function(event){
        alert("message will display"); // here alert will come but form is not submitting
        $("#my_form").submit();
    });
});

为什么我没有提交，如果我将按钮命名为＆＃34;提交＆＃34;吗

Answer 1

您也可以尝试：

$("form").submit(function(){
     alert("Submitted");
});

而不是$("#my_form").submit();如果它正在创建问题

Answer 2

我认为你应该将你的按钮名称从“提交”更改为其他任何内容。

<强>原因：

表单元素有一个名为submit的属性，您可以调用它来提交它们。（当你在jQuery实例上调用submit时，jQuery使用它。）但是Form元素也使用字段的名称接收表单中每个字段的属性，所以如果你有一个名为“提交“，它会覆盖submit函数，这意味着您无法以编程方式提交表单。

您的代码应为：

<form name="my_form" action="/search" method="get" id="my_form">
/** code **/
<button name="othername" type="submit"><i class="fa fa-angle-right"></i></button>
</form>

它会起作用....

输入名称提交不提交表单

2 个答案: