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);
    				}
    			}
    		});
  • 相关阅读:
    2-5
    2-4 及 1、2两章 学习心得 和问题
    2-3
    4-8
    4-6
    4-5
    4-4
    4-3
    4-2
    4-1
  • 原文地址:https://www.cnblogs.com/hbym/p/10918376.html
Copyright © 2011-2022 走看看