Javascript函数并提交信息 - Javascript function and submit information

Javascript function and submit information

本文关键字：信息提交函数 Javascript | 更新日期: 2023-09-27

我对javascript表单提交问题有点问题，这是脚本

function search(val1, val2)
{
    var f=document.search_form;
    $("#val1").val(val1);
    $("#val2").val(val2);
    f.submit();
}

这是的表格

<form name="search_form" action="val/search/" method="get">
    <input type="hidden" id="search_val1" name="search[val1]" value="">
    <input type="hidden" id="search_val2" name="search[val2]" value="">
......
    <input name="" type="button" value="Click" onclick="search({$smarty.const.VAL1}, {$smarty.const.VAL2});">
</form>

张贴表格后我知道的是"表格已提交"，我不知道点击按钮后还有什么在使用和处理。有人能告诉我更多关于这件事的情况吗？

使用jQuery绑定整个表单提交事件，而不是onclick，这样您就不必担心用户在文本字段上按enter键并提交表单

function search(val1, val2)
{
    var f=document.search_form;
    $("#val1").val(val1);
    $("#val2").val(val2);
    f.submit();
}
$('form[name=search_form]').submit(function(e) {
   search("{$smarty.const.VAL1}", "{$smarty.const.VAL2}");
});

运行完以上操作后，浏览器将调用一个正常的提交给val/search/，因为您没有告诉它停止默认事件（via e.preventDefault()）