导入图片,样式,JavaScript文件到项目中(以下为PHP开发使用):
<script type="text/javascript" src="../js/jquery-1.8.3.js"></script>
<link rel="stylesheet" type="text/css" href="<?php echo ROOTURL?>/styles/table_form.css"/>
<script type="text/javascript" src="<?php echo ROOTURL?>/js/formvalidator.js"></script>
//验证文件
<script type="text/javascript" src="<?php echo ROOTURL?>/js/validate/<?php echo SCRIPT?>.js"></script>
一些案列:
$(function() {
$.formValidator.initConfig( {
autotip : true,
formid : "register_form"
});
/**--验证用户名--**/
$("#username").formValidator( {
onshow : "请输入用户名",
onfocus : "用户名长度不能小于三位",
oncorrect : "该用户名可以注册",
defaultvalue : ""
}).inputValidator( {
min : 3,
max : 16,
onerrormin:"用户名必须大于等于三位",
onerrormax:"用户名必须小于等于十六位"
}).ajaxValidator({//验证用户名是否存在
type: "GET",
url: "../includes/reg/ready.func.php",
success: function(msg){
if(msg=='false'){
return true;
}else{
return false;
}
},
error: function(){alert("服务器没有返回数据,可能服务器忙,请重试");},
onerror : "用户名已存在!",
onwait : "正在对用户名进行检测,请稍候..."
});
/**--验证密码--**/
$("#password").formValidator( {
onshow : "请输入用密码",
onfocus : "密码长度不能小于6位",
oncorrect : "正确",
defaultvalue : ""
}).inputValidator( {
min : 6,
max : 16,
onerrormin:"密码必须大于等于6位",
onerrormax:"密码必须小于等于16位"
});
/**--验证确认密码--**/
$("#repassword").formValidator( {
onshow : "请输入确认密码",
onfocus : "两次密码必须一致哦",
oncorrect : "密码一致"
}).inputValidator( {
min : 6,
max : 16,
onerror : "确认密码不能小于6位,请确认"
}).compareValidator({desid:"password",operateor:"=",onerror:"两次密码输入不一致"});
/**--验证邮箱地址--**/
$("#email").formValidator( {
onshow : "请输入邮箱地址",
onfocus : "请输入正确邮箱地址",
oncorrect : "正确",
defaultvalue : ""
}).regexValidator( {
regexp : "^[\\w]{2,15}[@][a-zA-Z0-9]{2,15}([.][a-zA-Z]{2,4}){1,2}$",
iberrirL : "非法邮箱地址"
});
/**--验证验证码--**/
$("#yzm").formValidator( {
onshow : " ",
onfocus : "请输入正确验证码",
oncorrect : "正确",
defaultvalue : ""
}).ajaxValidator({
type: "POST",
url: "../includes/reg/yzm.func.php",
success: function(msg){
if(msg==$("#yzm").val().trim()){
return true;
}else{
return false;
}
},
error: function(){alert("服务器没有返回数据,可能服务器忙,请重试");},
onerror : "验证码错误",
onwait : "正在对验证码验证,请稍候..."
});
});
JQuery - formvalidate使用案例
最新推荐文章于 2023-11-16 13:34:24 发布