JQuery - formvalidate使用案例

导入图片,样式,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 : "正在对验证码验证,请稍候..."
        });
        
});

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
### 回答1: jquery-form-validate是一种基于jQuery的轻量级表单验证插件,用于验证表单输入的合法性。它可以很容易地集成到任何网站或应用程序中,提高用户体验,并防止不必要的错误输入。 该插件包含了许多预定义的验证规则,包括必填项、数字、电子邮件、URL、日期格式等等。如果这些规则不符合您的需求,您也可以自定义规则。 使用这个插件非常容易。只需在您的HTML表单上设置相应的类和属性,就可以轻松地完成验证。一旦表单提交,验证插件就会验证每个输入字段的有效性,并显示错误消息(如果表单填写错误)。 jquery-form-validate还提供了一系列选项和回调函数,可以自定义如何显示错误消息和验证通过的消息。该插件还支持异步验证和多个表单验证。 总的来说,jquery-form-validate是一个优秀的表单验证插件,非常实用。无论你是初学者还是高级开发人员,都可以很容易地集成和定制。 ### 回答2: jQuery Form Validate是一个基于jQuery的表单验证插件,它可以用来验证表单中用户输入的数据是否符合规则。不需要编写复杂的验证代码,只需要写一些简单的规则即可完成表单验证。 使用jQuery Form Validate可以避免在提交数据前,因为表单中有些字段没有填完整或格式不正确等问题,而发生数据无法提交、数据错误等问题。通过对输入数据进行验证,可以提高数据的准确性和可靠性。 jQuery Form Validate提供了非常丰富的验证规则,如非空验证、长度限制、数字验证、邮箱验证、手机号码验证等,可以灵活地满足不同场景下的数据验证需求。 除了自定义规则,jQuery Form Validate还提供了一些默认的错误提示信息,同时也可以自定义错误提示信息,让用户在输入数据时能够清晰地了解错误原因,进一步提高数据输入的准确性。 总之,jQuery Form Validate简单易用且功能强大,是Web开发中不可或缺的表单验证插件。 ### 回答3: jQuery Form Validate是一个基于jQuery的表单验证插件,它提供了一种简单且灵活的方式来验证表单中的输入。它支持各种类型的表单元素,包括文本框、密码框、单选框和复选框等。 使用jQuery Form Validate,您可以轻松地添加验证规则,例如确保表单元素不为空、验证电子邮件地址,以及验证数字等。它还支持定制错误消息和验证成功消息,让您能够轻松地控制表单验证的行为。 jQuery Form Validate还提供了实时验证的功能,允许您在用户输入时即时验证表单元素。这是一个极其有用的功能,用户可以及时得到反馈并进行必要的更正。 此外,jQuery Form Validate还提供了一个灵活的回调函数,允许您在验证成功、验证失败或提交表单时执行自定义逻辑。它还支持数据验证,可帮助您验证表单的完整性和格式。 总的来说,jQuery Form Validate是一个非常强大而又简单易用的表单验证插件,它降低了表单验证的复杂度,同时提高了用户的交互性。
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值