jquery 验证表单信息

/**

* $().validate(json);
* *rules:自定义规则
* *messages:提示信息
*/

$(document).ready(function(){

    $(".infoTable").validate({
        rules:{
            username:{
                required:true,
                rangelength:[3,20]
            },
            psw:{
                required:true,
                minlength:6
            },
            enpsw:{
                required:true,
                minlength:6,
                equalTo:"#psw"
            },
            name:"required",
            gender:"required",
            age:{
                    required:true,
                digits:true,
                range:[1,100]
            },
            birth:{
                required:true,
                date:true
            },
            card:{
                required:true,
                creditcard:true
            },
            email:{
                required:true,
                email:true
            },
            xueli:"required"
        },
        messages:{
            username:{
                required:"用户名不能为空!",
                rangelength:"用户名为3-20位"
            },
            psw:{
                required:"密码不可为空!",
                minlength:"密码不少于6位"
            },
            enpsw:{
                required:"确认密码不可为空!",
                minlength:"密码不少于6位",
                equalTo:"两次密码输入不一致"
            },
            name:{
                required:"真实姓名不可为空!"
            },
            age:{
                required:"年龄不可为空!",
                digits:"年龄输入必须为数字!",
                range:"请输入1~100范围内的数字!"
            },
            birth:{
                required:"出生年月不可为空!",
                date:"出生年月输入格式如‘2015/9/25’"
            },
            card:{
                required:"信用卡号不可为空!",
                creditcard:"请输入正确的信用卡号!"
            },
            email:{
                required:"邮箱地址不可为空!",
                email:"请输入正确的邮箱地址!"
            },
            xueli:{
                required:"请选择学历!"
            }
        }
    });
});
时间: 2024-10-12 04:37:18

jquery 验证表单信息的相关文章

jquery验证表单 提交表单

问题: jquery中使用submit提交按钮时,当return false后,依然会提交表单. 解决: 使用button按钮,而不是submit按钮 <script type="text/javascript" src="scripts/jquery-2.0.2.js"></script> <script type="text/javascript"> function check(){ var npassw

企业级 SpringBoot 教程 (十九) 验证表单信息

这篇文篇主要简述如何在springboot中验证表单信息.在springmvc工程中,需要检查表单信息,表单信息验证主要通过注解的形式. 构建工程 创建一个springboot工程,由于用到了 web .thymeleaf.validator.el,引入相应的起步依赖和依赖,代码清单如下: <dependencies> <dependency> <groupId>org.springframework.boot</groupId> <artifactI

laravel 验证表单信息

1控制器验证 $this->validate($request,[ 'Student.name'=>'required|min:2|max:20', 'Student.age'=>'required|integer', 'Student.sex'=>'required|integer', ],[ 'required'=>':attribute 为必填项目', 'min'=>':attribute 长度必须符合要求', 占位符 ],[ 'Student.name'=>

jQuery ------------&gt; 验证表单

简单的东西重复做,做多了之后,才能说熟能生巧. 做好一个精美的页面,固然是好,但是,一个页面除了写好之外,我们更需要的是将其功能完善.比如表单的验证,这只是众多工作之一.然后本次就以jQuery的validate插件,来学习记录一下表单验证部分.但愿自己下次在遇到写表单验证时,可以不费吹灰之力. 接下来就是验证代码展示: 1 //身份证号验证 2 jQuery.validator.addMethod("isIdNo", function (value, element){ 3 var

jQuery 验证表单用户名是否已经被注册

jQuery ajax异步请求最常用的就是当用户注册时,判断用户名是否已经被注册过了.这里给出完整的代码. ajax_form.jsp <%@ page language="java" import="java.util.*" pageEncoding="utf-8"%> <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core&quo

jquery验证表单是否满足正则表达式是否通过验证例子

//验证通用函数 a表示元素对象,b表示正则表达式,c存bool值 function testyz(a,b,c){ c=false; $(a).on("blur",function(){ var $zhi=$(this).val(); if(b.test($zhi) && $zhi.length>0){ c=true; alert("符合") }else{ c=false; alert("不符合") } }); } //例子

validate+jquery+ajax表单验证

①Html form表单内容 <form class="cForm" id="cForm" method="post" action=""> <p> <label for="user">用户名</label> <input id="user" name="user" required minlength="

第一百八十六节,jQuery,验证表单插件,Ajax 表单插件,验证和提交表单

jQuery,验证表单插件,Ajax 表单插件,验证和提交表单 HTML <form id="reg" method="post" action="yzh.php" title="会员注册"> <ol class="reg_error"></ol> <p> <label for="user">帐号:</label>

jquery validate表单验证

一.目的 为了更好地实现人机交互,使用jQuery封装库中的validate插件,在用户填写表单时,可以快速地对用户填写的数据进行验证,并做出反馈. 二.validate插件简介   validate()是插件的核心方法,定义了基本的校验规则和一些有用的配置项. rule:设置表单的验证规则: messages:设置表单不符合验证规则的提示信息: debug:如果这个参数为true,那么表单还会提交,只进行检查,调试时十分方便. required:必填 minlength:最小长度 maxlen