cv.form.validator

有即时验证,加载完验证两种方式:
即时验证:

cv.form.validator(jQuery("#qq").val(),{
	  type:["require","intlength","int"],min:5,max:11,
	  errorFunction:function(obj,options){
		  switch(options.type){
			case "require" :{
				jQuery("#msg_qq").attr("class","tips_error").html("请输入常用的QQ号码!").show();
				break;
			}
			case "intlength" :{
				jQuery("#msg_qq").attr("class","tips_error").html("请输入常用的QQ号码!").show();
				break;
			}
			case "int":{
				jQuery("#msg_qq").attr("class","tips_error").html("请输入正确的QQ号码!").show();
				break;
			}
		}
	  },
	  successFunction:function(obj,options){
		  jQuery("#msg_qq").attr("class","tips_ok").html("").show();
	  }
});

加载完统一验证:

cv.form.validator.bind(jQuery("#shortTitle"),{
	type:["require"],
	successFunction:function(obj,options){
		_showMsg("#msg_shortTitle","tips_ok","");
	},
	errorFunction:function(obj,options){
		switch(options.type){
			case "require":{
				 _showMsg("#msg_shortTitle","tips_error","信息标题不能为空!");
				break;
			}
		}
	}
});
jQuery("#shortTitle").bind("blur",function(){
	if(jQuery("#shortTitle").val()){
		cv.form.validator(this);
	}
}).bind("focus",function(){
	 _showMsg("#msg_shortTitle","tips_info","请填写信息标题。");
});
时间: 2024-11-12 20:21:39

cv.form.validator的相关文章

[Angular] Custom directive Form validator

Create a directive to check no special characters allowed: import {Directive, forwardRef} from '@angular/core'; import {AbstractControl, NG_VALIDATORS, Validator} from '@angular/forms'; @Directive({ selector: `[formControl][no-special-chars], [formCo

[Angular2 Form] Model Driven Form Custom Validator

In this tutorial we are going to learn how simple it is to create custom form field driven validators while using Angular 2 model driven forms. These type of validators are really just plain functions that follow a set of conventions. We are going to

jquery+ajax+form表单验证

$().ready(function() { $("#publishForm").validate({ onsubmit:true,// 是否在提交是验证 onfocusout:false,// 是否在获取焦点时验证 onkeyup :false,// 是否在敲击键盘时验证 rules: { username: { required: true, maxlength: 100 }, conbox: { required: true, maxlength: 140 } }, messag

黄聪: Bootstrap之Form表单验证神器: BootstrapValidator(转)

前言:做Web开发的我们,表单验证是再常见不过的需求了.友好的错误提示能增加用户体验.博主搜索bootstrap表单验证,搜到的结果大部分都是文中的主题:bootstrapvalidator.今天就来看看它如何使用吧. 一.源码及API地址 介绍它之前,还是给出它的源码以及API的地址吧. bootstrapvalidator源码:https://github.com/nghuuphuoc/bootstrapvalidator boostrapvalidator api:http://bv.do

JS组件系列——Form表单验证神器: BootstrapValidator

前言:做Web开发的我们,表单验证是再常见不过的需求了.友好的错误提示能增加用户体验.博主搜索bootstrap表单验证,搜到的结果大部分都是文中的主题:bootstrapvalidator.今天就来看看它如何使用吧. 一.源码及API地址 介绍它之前,还是给出它的源码以及API的地址吧. bootstrapvalidator源码:https://github.com/nghuuphuoc/bootstrapvalidator boostrapvalidator api:http://bv.do

webpy form

原文http://webpy.org/form import web from web import form render = web.template.render('templates/') urls = ('/', 'index') app = web.application(urls, globals()) myform = form.Form( form.Textbox("boe"), form.Textbox("bax", form.notnull,

Validator验证Ajax提交表单的方法

当我们在一些稍微复杂的业务时,可能会遇到需要多个表单form在同一个页面的情况,但是提交一个表单以后不想页面刷新或者跳转,那么我们考虑到的就是Ajax提交表单,那么如何让Jquery的validator插件也可以对异步提交的表单进行验证呢?我们继续往下看. 在这里,我就用网络上的一个例子来说明好了. 下面是一个比较常见的jquery .ajax提交表单的写法 Js代码   $("#submitButton").click(function(){ //序列化表单 var param = 

jquery插件-表单验证插件-validator对象

三 Validator对象 1.介绍:Validate方法返回的对象称作Validator对象 2.使用 Validator对象常用方法 Validator.form() 返回:Boolean 验证:form返回成功还是失败(整个表单) Validator.element() 返回:Boolean 验证单个元素是成功还是失败(单个的表单元素) Validator.resetForm() 把前面验证的Form回复到验证前的状态 Validator.showErrors() 显示特定的错误信息 Va

nice Validator参考

例1. DOM传参 1. 要验证一个表单,只需要给字段绑定规则“data-rule”就可以了2. 字段可以有多条规则,规则之间用分号(;)分隔3. js初始化不是必要的,只要是字段并且带有“data-rule”属性,即使是新插入的一段DOM也可以立马验证4. 其中:required是内置规则(核心自带),username.password是配置文件中设置的全局规则(配置文件) Preview 提交 HTML <form id="demo_11" action="resu