你能动态加载表格参数

Question

我已经将一些recapthca用于我的网络表单，并希望维护客户端表单验证。目前的表格是

  <form action="ajax/ajax_repSubTesting.php" method="POST" name="submitform" onSubmit="checkform(this)">

checkform（）是一系列if / else语句，用于通知用户数据字段为空或无效。问题是，一旦单击了提交按钮，就会调用checkform弹出一个错误窗口，一旦关闭，就会调用ajax脚本。

我如何对此进行编码，以便表单操作依赖于checkform（）中的所有内容正确验证？

Answer 1

从内联onsubmit事件处理程序返回false将取消表单提交。对于无效表单数据，checkform函数应返回false（如果适用）

function checkform () {
   if (!valid) { return false; }
   // ..
}

和返回的值必须通过内联事件处理程序

传播

<form .. onsubmit="return checkform()">
                   ^^^^^^

另见

• How do I cancel form submission in submit button onclick event?
• How to prevent form from being submitted?

（另外，＆＃39; ajax＆＃39;通常通过XHR调用，而不是表单提交。）

Answer 2

尝试将id添加到提交按钮，然后自己形成。 然后在验证方法的开头添加 event.preventDefault（）; 这将取消表格提交。

然后在验证方法的最后，如果表单有效，则添加下一个jQuery方法： $（＆＃39; form＆＃39;）。submit（）它将触发表单submition。