Validform 验证
时间: 2023-08-21 17:03:25 浏览: 99
Validform是一款基于jQuery的表单验证插件,可以实现对表单中各种输入框的数据格式、长度、大小、范围等进行验证,并提供了丰富的提示信息和样式。
使用Validform,你需要先引入jQuery库和Validform插件文件,然后在表单中添加相应的html结构和属性,如下所示:
```html
<form action="submit.php" method="post" id="myform">
<input type="text" name="username" datatype="*5-20" nullmsg="请输入用户名!" errormsg="用户名必须为5-20个字符!">
<input type="password" name="password" datatype="*6-20" nullmsg="请输入密码!" errormsg="密码必须为6-20个字符!">
<input type="text" name="email" datatype="e" nullmsg="请输入邮箱!" errormsg="邮箱格式不正确!">
<input type="submit" value="提交">
</form>
```
在这个例子中,我们为每个输入框添加了datatype属性,用来指定验证的类型和规则。如*5-20表示输入的字符数必须在5~20之间,e表示输入的内容必须是一个合法的邮箱地址。同时,我们还为每个输入框添加了nullmsg和errormsg属性,用来指定当输入框为空或输入不符合规则时的提示信息。
最后,在页面加载完成后,我们需要调用Validform插件的初始化方法来启动验证功能,如下所示:
```javascript
$(document).ready(function() {
$('#myform').Validform();
});
```
这样,当我们在表单中输入内容并提交时,Validform就会自动对输入框进行验证,如果有错误则会显示相应的提示信息,并阻止表单的提交。如果输入都符合规则,则表单会被提交到指定的URL地址。
阅读全文