js实现在提交表单之前验证输入内嫆可以给提交按钮绑定一个onclick事件，当点击提交时执行函数来进行判断，如果符合要求再进行数据的提交。下面以登录表单为例讲解实现的过程。

1. 新建一个html页面命名为test.html页面，用于讲解js如何实现在提交表单之前验证输入内容

2. 在test.html页面，创建一个form表单在表单内创建两個输入框，一个登录账号输入框另一个密码输入框。

3. 在form内再创建一个button按钮，并给按钮绑定onclick点击事件当点击按钮时，执行submitFrom()函数进行表單数据的验证

4. 在submitFrom()函数内，通过myForm.loginName.value获得账号输入框的内容如果内容为空，则弹出"请输入登录账户！"提示信息同时使用return中断程序往下执行。

5. 在submitFrom()函数内通过myForm.loginPwd.value获得密码输入框的内容，如果内容为空则弹出"请输入登录密码！"提示信息，同时使用return中断程序往下执行

6. 如果账号和密码都通过了验证，则使用submit()方法提交表单提交表单之前，还需要设置method数据提交的方式action接收数据的文件。

7. 在浏览器打开test.html页面当账号输叺框或密码输入框为空时，不允许提交表单