formvalidator 表单验证并且ajax提交
时间: 2023-07-01 17:21:43 浏览: 100
好的,我了解你的问题。formvalidator是一个JavaScript表单验证库,它可以帮助你验证表单输入是否符合要求。它支持各种输入类型和验证规则,可以自定义错误信息提示,并且可以通过ajax提交表单数据。
使用formvalidator的步骤如下:
1. 引入formvalidator.js文件到你的HTML页面中。
2. 在表单元素中添加验证规则,例如:
```html
<input type="text" name="username" data-validation="length alphanumeric" data-validation-length="3-12" data-validation-error-msg="用户名必须是3-12个字母或数字">
```
上面的代码中,data-validation属性指定了验证规则,data-validation-length属性指定了长度范围,data-validation-error-msg属性指定了验证失败时的错误提示信息。
3. 初始化formvalidator,例如:
```javascript
$('form').formValidator({
onSuccess: function() {
// 验证成功时的回调函数
// 使用ajax提交表单数据
$.ajax({
url: 'submit.php',
type: 'post',
data: $('form').serialize(),
success: function(data) {
// 处理提交成功后的响应
}
});
}
});
```
上面的代码中,onSuccess属性指定了验证成功时的回调函数,该函数中使用ajax提交表单数据到服务器。
希望这个回答能够帮到你!
阅读全文