Validate表单验证一篇博客学会使用

本文介绍了如何利用validate插件进行表单验证,包括导入必要的js文件,设置校验规则,定义提示信息,以及展示了一些常见的校验规则和实际应用案例。
摘要由CSDN通过智能技术生成

一,validate插件校验表单。

首先validate是别人在jquery的基础上封装好的第三方工具。
- 1.导入jquery.js和validate.js
- 2.在加载页面成功后,对表单进行校验
- 3.在validate中编写校验规则
- 4.样式:

$("选择器").validate({
            rules:{
     },
            messages:{
   }
        });

二,格式和使用

-rules格式
- 格式一:
字段的name属性:”校验器”
- 格式2:
字段的name属性:{
校验器:值,
校验器:值
}
- 案例:

  username:"required",
        password:{
            required:true,
            digits:true
        },
        repassword:{
            equalTo:"[name='password']"
        },
        zuixiaozhi:{
            min:5
        },
        shuzhiqujian:{
            range:[5,10]
        }

messages的格式:
-格式1:
字段的name属性:”提示信息”
-格式2:
字段的name属性:{校验器:”提示信息”,校验器:提示信息”}

例如:
        username:"用户名不能为空",
        password:{
            required:"密码不能为空",
            digits:"密码只能是数字"
        },
        repassword:{
            equalTo:"两次输入的内容不一致"
        },
        zuixiaozhi:{
            min:"最小值应该大于{0}"
        },
        shuzhiqujian:{
            range:"输入的范围在{0}~{1}之间"
        }

常见的校验规则如下:

(1)required:true                必输字段
(2)remote:"check.php"      使用ajax方法调用check.php验证输入值
(3)email:true                    必须输入正确格式的电子邮件
(4)url:true                        必须输入正确格式的网址
(
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值