使用onsubmit函数提交前的表单

时间:2018-03-18 11:07:04

标签: javascript jquery html

我有这个表格



<form id="form" method="POST" onsubmit="return validate()">
  <input type="text" id="name" name="name">
  <input type="submit" value="next">
</form>
&#13;
&#13;
&#13;

和此验证

&#13;
&#13;
if ($("#name").val() == "") {
  return false;
}
return true;
&#13;
&#13;
&#13;

我想要做的是禁用提交按钮,我尝试使用表单的提交功能但是没有触发,问题是我无法访问html或js文件,只有一个custom.js文件我可以添加或覆盖其他函数。

任何人都可以帮助我吗?

由于

3 个答案:

答案 0 :(得分:0)

所以如果你有$("#name"),你可能有jquery库。

在这种情况下,您可以直接尝试删除onsubmit html属性,并从jquery中使用此事件。 $("#form").submit(...)在那里你可以使用你的验证函数和返回布尔值

答案 1 :(得分:0)

您可以覆盖验证功能(但它有点脏):

&#13;
&#13;
function validate() {
  console.log('default validator');
  
  return false;
}

var defaultValidator = validate;

window.validate = function () {
  defaultValidator();
  console.log('custom validator');
  
  return false;
};
&#13;
<form id="form" method="POST" onsubmit="return validate()">
  <input type="text" id="name" name="name">
  <input type="submit" value="next">
</form>
&#13;
&#13;
&#13;

答案 2 :(得分:0)

在验证功能中尝试此操作。

$(&#39;#form&gt; submit&#39;)。prop(&#39; disabled&#39;,true);