我可以同时使用 onclick 和 onsubmit 事件吗？

Question

我正在制作一个网站注册页面，我需要首先验证我的表单，然后如果表单有效，我需要运行一些功能我不喜欢 jquery。请用 js 提出答案。过去，我试过这个功能，但只有 onclic 功能有效......当表单有效并且我点击按钮时什么也没有发生<form onsubmit=" // function to take place on submit  "> // This // function should take place if form has been validated by alerts as // well<input required><input required><button type="submit" onclick="fn(); fn2(); fn3()" // I need to use onclick here as // these functions are validations using javascript alert</form>required 属性用于验证我正在使用 javascript 浏览器验证来验证表单。但是 javascript 警报验证是针对数字的（例如，我使用 if 条件仅当数字范围从 1 到 10 时才接受数字）。如果表单有效，则赋予 onlick 的函数将不显示任何内容。并且在提交时，我需要它仅在表单有效时显示一些信息。我希望如果表单无效，那么我给 onclick 的警报功能应该可以工作，当表单有效时，当我点击提交按钮时，它应该显示消息。

Answer 1

是的，您可以在提交按钮上使用 onSubmit 和 onClick。下面的示例将生成两个警报框。但是，如果您将按钮设为 type="button" 并在 onClick 函数中添加 theForm.submit() 以实际提交表单，则不会触发 onSubmit。它仅由 type="submit" 按钮触发。要解决这个问题，只需在手动提交表单之前直接从 onClick 函数中调用 onSubmit 函数即可。

<form onsubmit="myFunction()">

  Enter name: <input type="text" name="fname">

  <input type="submit" value="Submit" onClick="mySubmit(this.form)">

</form>

<script>

function myFunction() {

  alert("The form was submitted");

}

function mySubmit(theForm) {

    alert("My Submit");

}

</script>