`

使用nice validator的setMsg() 动态改变控件的验证消息

 
阅读更多

今天用了nice validator 的动态改变验证消息的功能,但是它的官方文档没写详细,导致我折腾了一会。

现在贴出来,希望能帮助到其他人。

 

我使用的原因是:我们项目中上传身份证明文件是需要选类型,有身份证、驾照、护照等。由于上传控件只有一个(要是弄多个就显得太傻了),所以当选择不同类型,上传控件的提示语就要相应变化成 “请上传身份证图片”、“请上传驾照图片”等等。

 

 

//表单验证
             $('#cardForm').validator({
    			theme: 'yellow_right_effect',  //设置theme
    			stopOnError: true, //
    			rules:{
				     //...省略不贴
			        
				},
                                //如果要使用setMsg,就要这么来配验证消息
				messages:{
					required:"请上传身份证明正面图片",

					//...其他省略不贴
				},
    		    fields: {
    		    	"desc1": {
    		            rule: "required;",
    		            target: "#msg_holder1",
    		            ok:""
    		        },
    		        //...其他省略不贴
    		    }
    		});

                
             $("#idcardType").bind("change",function(){
				
		//动态修改messages中的配置,#idcardType是我的下拉框,html我就不贴出来了
  
	        $('#cardForm').validator( "setMsg", { "required" : "请上传" + $("#idcardType option:selected").text() + "图片" } );
  
             }

    

    

 

分享到:
评论

相关推荐

    表单验证控件commons-validator-1.3.1

    表单验证控件commons-validator-1.3.1表单验证控件commons-validator-1.3.1表单验证控件commons-validator-1.3.1表单验证控件commons-validator-1.3.1表单验证控件commons-validator-1.3.1表单验证控件commons-...

    验证控件使用说明,RequiredFieldValidator,CompareValidator ,RangeValidator ,RegularExpressionValidator,CustomValid

    ### 验证控件使用说明 #### 一、概述 在Web开发中,表单验证是非常重要的一个环节,它能够确保用户输入的数据符合预期的要求,从而避免后续处理中出现不必要的错误。ASP.NET提供了多种内置的验证控件,包括`...

    Javascript表单验证控件(Validator v1.05)

    Validator v1.05是针对HTML表单的验证控件,它包含了多种内置的验证规则,可以帮助开发者轻松地为表单字段添加验证逻辑。这个库的使用可以极大地简化代码,提升开发效率,并且提供一致的用户体验。 1. **基本概念**...

    常用正则表达式如:日期正则表达式,使用RegularExpressionValidator验证控件时的验证功能及其验证表达式,从URL地址中提取文件名的javascript程序等

    #### 二、使用RegularExpressionValidator验证控件 在Web开发中,经常需要用到表单验证来确保用户输入的数据符合预期格式。`RegularExpressionValidator`是一个常用的验证控件,它可以用来验证表单中的数据是否符合...

    前端项目-nice-validator.zip

    《前端验证神器:nice-validator深度解析》 在前端开发中,数据验证是不可或缺的一环,它确保了用户输入的有效性和系统的稳定性。今天我们要探讨的是一个名为"nice-validator"的前端验证解决方案,它以其简单、智能...

    nice-validator前端校验js及demo

    nice-validator是一个轻量级且功能强大的前端验证插件,主要应用于JavaScript环境中,用于对用户在表单中输入的数据进行实时校验。它提供了一套完整的API接口,支持自定义校验规则,灵活性极高,适用于各种复杂的...

    struts验证器validator使用,以及自定义验证器

    本文将详细介绍Struts验证器Validator的使用,包括基础配置、自定义验证器的创建,以及如何在Maven项目中管理和使用Eclipse进行编译。 **一、Struts验证器Validator的基本概念** Struts Validator是Struts框架提供...

    Web控件和验证控件Web控件和验证控件

    例如,使用TextBox控件获取用户输入,配合RequiredFieldValidator确保用户必须填写,再用RegularExpressionValidator检查输入格式是否符合规定,最后通过Button控件触发提交事件,并在服务器端进一步处理验证结果。...

    Vue表单验证插件Vue Validator使用方法详解

    Vue Validator是Vue.js框架的一个强大插件,专门用于处理表单验证。它的主要目标是简化在Vue应用中创建和管理复杂表单验证的过程。在本文中,我们将深入探讨Vue Validator的使用方法及其核心特性。 首先,为了使用...

    简单的验证控件,利用控件来进行验证非空等

    除了这些验证方式,还有一些其他的验证控件,如RangeValidator(用于检查数值或日期范围)、RegularExpressionValidator(用于匹配正则表达式模式)等,它们各自有特定的用途,可以满足不同的验证需求。 在实际开发...

    Javascript表单验证控件Validator v1.05

    JavaScript表单验证控件Validator v1.05是一款用于网页前端数据验证的工具,它能够帮助开发者在用户提交表单前检查输入的数据是否符合预设的规则,从而提高用户体验并减少服务器端的压力。该控件通常包含一系列的...

    ASP.NET控件 和 验证控件

    **验证控件**是ASP.NET中用于确保用户输入数据有效性的工具,常见的有`RequiredFieldValidator`(验证字段非空)、`CompareValidator`(比较输入值与特定值或表达式)、`RangeValidator`(验证数值或日期范围)、`...

    ASP.NET 服务器控件之实现验证控件

    4. **RegularExpressionValidator**:这个控件使用正则表达式来验证输入数据的格式。它可以用来检查邮箱格式、电话号码格式等,确保输入的数据符合特定的字符序列模式。 5. **CustomValidator**:这个控件允许...

    asp.net控件验证

    本文将详细解析ASP.NET控件验证中的几个核心概念和实践,包括RequiredFieldValidator、RegularExpressionValidator等控件的使用方法。 ### RequiredFieldValidator `RequiredFieldValidator`控件是最常用的验证器...

    Struts Validator验证器使用指南

    ### Struts Validator 验证器使用指南 #### 一、Struts Validator 概览 **Struts Validator** 是一个强大的框架,用于简化Web应用程序中的表单验证过程。它首次出现在Struts 0.5版本中,并逐渐发展成为Struts 1.1...

    bootstrapvalidator 表单验证

    在验证失败时,BootstrapValidator会自动将错误信息显示在对应的表单元素旁边,通常使用Bootstrap的警告类(如`.has-error`)来改变样式。同时,它还支持全局和局部的验证反馈,可以通过配置选项来自定义错误消息的...

    实验4 验证控件的使用

    标准验证控件的使用 (1)创建一个新的网站 WebSite4,并建立一个新的Web 窗体 4-1.aspx。 (2)在页面中添加五个 Label控件、五个 Textbox 控件和一个 Button控件。 (3)在 Web 窗体上拖放一个 ...

    Validator验证架框api

    4. **执行验证**:使用`Validator`的`validate()`方法对对象进行验证,如果验证失败,将返回一个`Set<ConstraintViolation>`集合,包含了所有违反的规则: ```java User user = new User(); Set...

    nice-validator:简单,智能,愉快的验证解决方案

    script src =" path/to/nice-validator/jquery.validator.min.js?local=en " > </ script > 通过 require ( 'nice-validator' ) require ( 'nice-validator/local/zh-CN' ) 通过模块加载器 : ...

    ASP.NET的验证控件使用详解

    总之,ASP.NET的验证控件提供了一套强大、灵活且易于使用的工具,使得开发者能够专注于应用程序的主要功能,而不是花费大量时间编写复杂的验证逻辑。通过熟练掌握这些控件,开发者可以提高Web应用程序的安全性,减少...

Global site tag (gtag.js) - Google Analytics