javascript - 你能动态加载表单参数吗

Question

我已经对我的 Web 表单进行了一些回顾，并希望维护客户端表单验证。由于目前的形式是

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

(此外，'ajax' 通常通过 XHR 调用，而不是表单提交。)