form中的onsubmit

最新推荐文章于 2022-10-11 17:02:46 发布

最新推荐文章于 2022-10-11 17:02:46 发布 · 235 阅读

本文介绍了一种使用JavaScript实现表单验证的方法。通过在表单的onsubmit事件中调用自定义验证函数来确保输入的有效性。示例代码展示了如何验证姓名字段是否为空，并提供了另一种验证方法，检查实付款和收款日期是否已填写。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

form表单少不了对数据的校验.其实form中有一个方法是对form表单中的数据进行校验.但是需要点击submit按钮才能触发这个校验,而通过js提交表单是不会触发这个校验方法的.下面做了一探索.

下面的代码能够触发验证方法.

<html> <head> <script> function checkForm(form) { // alert(form['nameId'].value); // alert(typeof(form)); // alert(typeof(form['nameId'])); // alert(typeof(form['nameId'].value)); if(form['nameId'].value == "") { alert("姓名不能为空!"); return false; } return true; } </script> </head> <body> <form id="formId" action="www.baidu.com" onsubmit="return checkForm(this)"> 请输入姓名:<input type="text" id="nameId"/> <input type="submit" value="提交"/> </form> </body> </html>

在js中调用onsubmit方法