用jquery 写表单验证
时间: 2023-11-18 16:15:54 浏览: 80
可以使用以下代码来用 jQuery 实现表单验证:
HTML 代码:
```html
<form id="myForm">
<label for="name">Name:</label>
<input type="text" id="name" name="name"><br><br>
<label for="email">Email:</label>
<input type="email" id="email" name="email"><br><br>
<label for="password">Password:</label>
<input type="password" id="password" name="password"><br><br>
<input type="submit" value="Submit">
</form>
```
jQuery 代码:
```javascript
$(document).ready(function() {
$("#myForm").submit(function(event) {
var name = $("#name").val();
var email = $("#email").val();
var password = $("#password").val();
if (name == "") {
alert("Please enter your name.");
event.preventDefault();
}
if (email == "") {
alert("Please enter your email.");
event.preventDefault();
}
if (password == "") {
alert("Please enter your password.");
event.preventDefault();
}
});
});
```
这段代码使用 jQuery 来监听表单的 submit 事件,并根据表单的值进行验证。如果某个输入框没有填写内容,就会弹出提示框并阻止表单提交。
阅读全文