gpt4 book ai didi

javascript - 表单提交处理程序未被调用

转载 作者:行者123 更新时间:2023-11-28 02:57:03 24 4
gpt4 key购买 nike

我正在尝试记录来自提交处理程序的消息..但它不工作..

HTML 代码

<body>
<div class="table">
<div class="thead">
<div class="tr">
<div class="td" style="background: #ffffff ;color:black">ABC</div>
<div class="td">123</div>
</div>
</div>
<div class="tbody">
<form id="form1_id" name="sa" class="tr editing">
<div class="td thead">test</div>
<div class="td"><input type="number" id="sa_cr1" onchange="add('form1',1)"></div>
<div class="td"><input type="number" id="sa_cr2" onchange="add('form1',2)"></div>
</form>
<form id="form2_id" name="bc" class="tr editing">
<div class="td thead">test1</div>
<div class="td"><input type="number" id="bc_cr1" onchange="add('form2', 1)"></div>
<div class="td"><input type="number" id="bc_cr2" onchange="add('form2', 2)"></div>
</form>
</div>
<button type="submit" value="Store" onclick="submitForms();"> </button>
</div>
</body>

JS 代码

function submitForms(){
$('#form1_id')[0].submit();
return false;
}

$("#form1_id").on("submit", function(event) // I tried both "submit" and "onsubmit"
{
console.log("Handler for .submit() called.");
event.preventDefault();
});
function add(str, num){};

您还可以在中查看输出 https://jsfiddle.net/mdnak/b3z3h3jn/我基本上想要 console.log("Handler for .submit() called."); 接到电话...请帮忙...

最佳答案

试试这个:

$(document).ready(function(){

$("#submitbtn").click(function(){
$('#form1_id').submit();
return false;

});

$("#form1_id").submit(function(event)
{
alert("Handler for .submit() called.");
event.preventDefault();
});
function add(str, num){};

});

因为您从中唯一地选择了#form1_id,您可以像上面那样直接提交,不需要获取它的第一个元素,因为它不会给出表单数组 $('#form1_id')[0]

并替换下面的行

<button type="submit"  value="Store" onclick="submitForms();"> </button>

<button type="button" id="submitbtn"> store </button>

关于javascript - 表单提交处理程序未被调用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36577171/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com