Question

我正在尝试从提交处理程序中记录一条消息......它无法正常工作..

HTML CODE

<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 CODE

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."); 被叫...请帮忙...

Answer 1

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

}

会提交您的表单，有效地重新加载页面。首先return false然后提交表单。

Answer 2

试试这个：

$(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>

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

2 个答案: