在web程序中,我的注册页用户输入了信息我点击input 的submit按钮,这里我给这个提交按钮绑定了个点击事件,跳转到我表单验证的js里的“register”方法,但是为什么直接就提交到后端的servlet里,js完全没被调用,改怎么写?
时间: 2024-02-27 13:59:05 浏览: 16
可能是因为您的表单验证js没有正确地绑定到页面上,或者是绑定的位置不正确。请确认以下几点:
1. 确认您的表单验证js已经被正确引用到页面上,并且没有其他js文件覆盖了它的功能。
2. 确认您的注册页的submit按钮绑定的事件是正确的,应该绑定到您的表单验证js里的“register”方法上。
3. 确认您的表单验证js里的“register”方法是否正确地验证了表单的输入信息,并且返回了正确的结果。如果验证结果为false,应该阻止默认的表单提交事件,否则表单将会直接提交到后端的servlet里。
如果以上三点都确认无误,您可以考虑使用jQuery的preventDefault()方法来阻止默认的表单提交事件,然后调用您的表单验证js里的“register”方法来验证表单信息。示例代码如下:
```
$('#submit-btn').click(function(event) {
event.preventDefault(); // 阻止默认的表单提交事件
if (register()) {
// 表单验证通过,提交表单数据到后端的servlet
$('#register-form').submit();
} else {
// 表单验证失败,提示用户重新输入
alert('请正确输入表单信息!');
}
});
```
这里的“submit-btn”是您的提交按钮的ID,"register-form"是您的注册表单的ID。注意,您需要在表单验证js里定义一个名为“register”的方法来验证表单信息,并且需要返回一个布尔值来表示验证结果。