zoukankan      html  css  js  c++  java
  • 记录一个表单验证功能

    $(document).ready(function() {

    $.validator.addMethod("regex", function(value, element, regexpr) {          
            return regexpr.test(value);
          }, "Please enter a valid code.");
    
    		$("#inputForm").validate({
    			rules:{
    				componentCode:{
    					required:true,
    					rangelength:[6-30],
    					regex:/[a-zA-Z0-9]{6,30}/,
    					/* regex: /^(?![0-9]+$)(?![a-zA-Z]+$)[0-9A-Za-z]{6,20}$/  */
    				}
    			},
    			messages:{
    				componentCode:{
    					required:'子件号码不能为空',
    					rangelength:'请输入{6}-{30}位字母或者数字',
    					regex : '密码必须是数字和字母组合'
    				}
    			},
    			
    			submitHandler: function(form){
    				loading('正在提交,请稍等...');
    				form.submit();
    			},
    			errorContainer: "#messageBox",
    			errorPlacement: function(error, element) {
    				$("#messageBox").text("输入有误,请先更正。");
    				if (element.is(":checkbox")||element.is(":radio")||element.parent().is(".input-append")){
    					error.appendTo(element.parent().parent());
    				} else {
    					error.insertAfter(element);
    				}
    			}
    		});
  • 相关阅读:
    Servlet核心技术(上)
    Bootstrap详解
    ECMAScript6详解
    JQuery详解
    CSS详解
    HTML
    网站加载页面(HTML+CSS+JS,简易版)
    java中sort()方法的用法
    Maven常见jar包依赖
    解决idea的项目启动报404的问题
  • 原文地址:https://www.cnblogs.com/hbym/p/10918376.html
Copyright © 2011-2022 走看看