`

Js验证输入框

 
阅读更多
Validate.js

$.extend($.fn.validatebox.defaults.rules,{
	CHS : {
		validator : function(value, param) {
			return /^[\u0391-\uFFE5]+$/.test(value);
		},
		message : '请输入汉字'
	},
	ZIP : {
		validator : function(value, param) {
			return /^[1-9]\d{5}$/.test(value);
		},
		message : '邮政编码不存在'
	},
	QQ : {
		validator : function(value, param) {
			return /^[1-9]\d{4,10}$/.test(value);
		},
		message : 'QQ号码不正确'
	},
	mobile : {
		validator : function(value, param) {
			return /^((\(\d{2,3}\))|(\d{3}\-))?13\d{9}$/
					.test(value);
		},
		message : '手机号码不正确'
	},
	doubleNumber : {
		validator : function(value, param) {
			return /^[-+]?\d+(\.\d+)?$/.test(value);
		},
		message : '只能是数字小数点负号'
	},
	TaskpointName : {
		validator : function(value, param) {
			return !/^[\"&?%#$]*$/.test(value);
		},
		message : '名称不允许</br>输入双引号、&、?、%、#、$。'
	},
	loginName : {
		validator : function(value, param) {
			return /^[\u0391-\uFFE5\w]+$/.test(value);
		},
		message : '名称只允许汉字</br>字母、数字及下划线。'
	}
	
});


Html页面使用情况

<!--doubleNumber就是Js验证类型 同时要引入该Js -->
<td><input id="xxx" name="xx" validType="doubleNumber" /></td>


验证字段是否唯一

/**
 * 字段的唯一性校验
 * validType="unique['findValidationMarkernumber.do','add','','id',true,'输入值已存在']"
 * 第一个参数:请求的url;
 * 第二个参数:add/update;新增为add,修改为update,新增修改用同一页面时为update;
 * 第三个参数:是hidden的id;新增时为空,修改时在页面中加一个hidden(只要id属性不要name属性),在加载时给hidden赋值
 * 第四个参数:要验证的表的字段或实体属性
 * 第五个参数:ture/false;true:要求不存在数据但是库中有数据;false:要求存在但是数据库中没有数据
 * 第六个参数:提示信息内容
 * 第七个参数:实体名称
 * @param {Object} value
 * @param {Object} param
 * @memberOf {TypeName} 
 * @return {TypeName} 
 */
$.extend($.fn.validatebox.defaults.rules,{
    unique: {
        validator: function(value, param){
			if(!(param.length != 5 || param.length != 6)){
				this.message = "参数个数配置错误";
				return false;
			}
            var url = param[0];
            var type = param[1],controlId = param[2],msg = "";
            if(type != "" && controlId != ""){
            	var controlValue = $("#"+controlId).val();
                if(type == "update" && controlValue != ""){
                	if(value == controlValue){
                		return true;
                	}
                }
            }
            var flag = param[4];
			if(param.length == 5){
            	msg = flag ? "输入值已存在" : "输入值不存在";
            	$("#submit").removeAttr("disabled");
			}else{
				msg = param[5];
			}
          	var response = $.ajax({
				url:url,
				type:"post",
				datatype:"json",
				async:false,
				data:{
          			"fieldname" : param[3],
				"fieldvalue" : value,
                                "entityName"  : param[6]
				}
			}).responseText;
			var b = $.parseJSON(response);
			//exists
			if(flag){
				if (b == "1" || b == true) {
					this.message = msg;
					$("#submit").removeAttr("disabled");
					return false;
				} else{
					return true;
				}
			}else{ // not exists
				if (b == "1" || b == true) {
					return true;
				} else{
					this.message = msg;
					return false;
				}
			}
        },   
        message: '输入值已存在'
    }   
});


后台代码

        /**
	 	 * 
		 *@User   :Test
		 *@date   :2014-5-17 上午11:14:27
		 *@return :String
		 *@userFor : Controller
		 */
	   @RequestMapping(value = "/isRepeat")
	   @ResponseBody
	   public String isRepeat(HttpServletRequest request){
	        String fieldname = request.getParameter("fieldname");
	        String fieldvalue = request.getParameter("fieldvalue");
                String entityName= request.getParameter("entityName");
	        //标志位用于区别新增和修改
	        String flag = request.getParameter("flag");
	        return xxService.countField(fieldname,fieldvalue,flag,entityName);
	   }
        /**
		 * 
		 *@User   :Test
		 *@date   :2014-5-17 上午13:14:27
		 *@return :String
		 *@userFor : Service
		 */
public String countField(String fieldname,String fieldvalue,String flag,String entityName){
        int size = this.xxDao.checkRepeat(fieldname, fieldvalue,flag,entityName);
        if(size==0)
            return "0";
        return "1";
    }

    /**
	 * 
	 *@User   :Tesr
	 *@date   :2014-6-17 下午03:42:53
	 *@return :int
	 *@userFor :xxDao判断是否唯一
	 */
	 public int checkRepeat(String fieldname,String fieldvalue,String flag,String entityName){
        String hql = " from "+entityName+" where 1=1 and x.historicalstate=1";
        if("add".equals(flag))
        {
        	hql+= " and x."+fieldname+" ='"+fieldvalue+"' ";
        }
        else
        {
        	hql+= " and x."+fieldname+" ='"+fieldvalue+"' and x."+fieldname+" !='"+flag+"'";
        }
        return find(hql).size();
	 }


html页面验证

<td><input id="markernumber" 			validType="unique['isRepeat.do','add','','字段名',true,'该XX已存在','实体名']" /></td>


分享到:
评论
发表评论

文章已被作者锁定,不允许评论。

相关推荐

    js控制输入框样式未ip格式

    js控制输入框为 ip格式,并且输入值为IP

    车牌号码自定义输入框,并且验证包含新能源

    在IT行业中,尤其是在前端开发领域,创建一个自定义的车牌号码输入框并实现特定的验证功能是一项常见的任务。本项目标题和描述指出,我们需要构建一个输入框,允许用户自定义输入车牌号码,并确保输入的内容符合新...

    jquery-validate验证输入框

    例如,我们可以设置某个输入框必须非空: ```javascript $("#myForm").validate({ rules: { myInputField: "required" } }); ``` 4. **错误消息定制** 除了定义规则外,还可以自定义错误消息,以提高用户...

    HTML 表单验证 (输入框的验证)

    JS 只能输入数字,email的验证。。。JS 只能输入数字,email的验证。。。JS 只能输入数字,email的验证。。。

    javascript代码-使用js验证input输入框(字母,数字,符号,中文)的源代码

    ——学习参考资料:仅用于个人学习使用! javascript代码-使用js验证input输入框(字母,数字,符号,中文)的源代码

    JS输入框邮箱地址验证代码

    ### JS输入框邮箱地址验证代码 #### 知识点概览 本文主要介绍电子邮件地址验证相关的正则表达式以及如何在JavaScript中实现邮箱地址的有效性验证。正则表达式是进行模式匹配的强大工具,在Web开发中常用于表单验证...

    vue.js表单输入框密码强度验证代码

    Vue.js是一种流行的JavaScript框架,用于构建用户界面,尤其在单页面应用程序(SPA)开发中广泛应用。在Vue.js项目中,表单验证是不可或缺的一部分,它确保用户输入的数据符合预期格式和标准。对于密码强度验证,这...

    表单验证、输入框控制

    `formcheck.js`很可能是用于实现表单验证的JavaScript代码,它可能包括了上述提到的各种验证技术。例如,它可能通过获取表单元素,监听`submit`事件,然后在提交前检查每个输入字段的值,如果不符合要求,则阻止表单...

    JS验证input输入框(字母,数字,符号,中文)

    本文详细介绍了使用JavaScript(JS)对HTML中的input输入框进行内容验证的各种方法,以确保用户只能输入指定类型的数据,包括字母、数字、特殊符号以及中文字符。以下是详细介绍的各个知识点: 1. 只能输入英文的...

    Java中对输入框的各种验证插件

    在Java开发中,用户界面(UI)的交互性是至关重要的,而输入框验证则是确保数据质量的关键步骤。本文将详细探讨Java中针对输入框的各种验证插件,并提供相关实践指导。 1. **验证需求**:在Web应用程序或桌面应用...

    js 密码输入框 仿农行

    在IT行业中,JavaScript(简称JS)是一种广泛使用的前端编程语言,用于实现网页的动态效果和交互功能。在创建“js密码输入框”时,我们通常会涉及到以下几个关键知识点: 1. **HTML元素**:首先,我们需要一个HTML...

    js输入框自动加载邮箱提示

    在JavaScript编程中,"js输入框自动加载邮箱提示"是一个常见的功能,用于提升用户体验,它允许用户在输入邮箱地址时获得即时的后缀建议。这种技术通常基于Autocomplete或者Typeahead原理,通过实时分析用户输入的...

    js生成的开源输入框,可以自定义

    在IT行业中,JavaScript(简称JS)是一种广泛使用的前端编程语言,尤其在网页交互和动态效果方面发挥着重要作用。本文将详细探讨如何使用JS生成自定义的输入框,并介绍一款名为"xcConfirm"的开源输入框组件。 首先...

    jQuery输入框自动提示车牌号码验证效果.zip

    jQuery输入框自动提示车牌号码验证效果, 输入车牌号,下方提示,例如输入w ,则出现皖 ,这样的一个效果,在商城网站或者企业网站都会用到搜索的功能,与此功能类似,可以参考,php中文网推荐下载!

    JS手机号码输入框特效.zip

    总的来说,"JS手机号码输入框特效"是一个结合了输入监听、格式化、验证和用户体验优化的JS应用实例。开发者通过巧妙地利用JS特性,创建了一个既实用又美观的输入组件,使得用户在输入电话号码时能享受到流畅的交互...

    JavaScript 输入框内容格式验证代码

    代码 代码如下: &lt;body&gt;...input type=”text” id=”name” /&gt;... //pwd输入框获得焦点时触发onfocus事件,验证name输入框的内容格式是否正确 [removed] var name = document.getElementById(“name”); function

    js输入框使用正则表达式校验输入内容的实例

    在本文中,我们将介绍如何使用JavaScript与正则表达式来校验HTML输入框中的内容。这种方式被广泛应用于Web开发中,...以上就是关于“js输入框使用正则表达式校验输入内容的实例”的详细知识点,希望对大家有所帮助。

    JS input正则验证大全

    本资源包“JS input正则验证大全”主要聚焦于使用JavaScript进行输入框(input)的各种类型的数据验证,包括英文、中文、邮箱、手机号、银行卡和身份证等常见字段的正则校验规则。以下是对这些知识点的详细说明: 1...

    js增加输入框

    当提到“js增加输入框”,我们通常指的是利用JavaScript来动态创建HTML元素,特别是`&lt;input&gt;`元素,这是一种让用户在网页上输入数据的标准方式。 一、HTML `&lt;input&gt;` 元素 HTML中的`&lt;input&gt;`元素是表单(`&lt;form&gt;`)...

Global site tag (gtag.js) - Google Analytics