学习了下 rapid-validation,发现这个验证框架是个好东西,也支持tooltip,一些基本的表单验证都有了.
但如果遇到复杂的业务规则就必须自定义验证来解决,rapid-validation有写自定义验证的地方,但自己写的一般性验证效果都是alert()弹出式,不是tooltip那种效果,为了达到统一融合,就实现了所谓的自定义验证。
<script>
var globle_flag=0;//全局变量,用来标记是否已经验证完自定义的。
new Validation(document.forms[0],{onSubmit:true,onFormValidate : function(result,form) {
var finalResult = result;
//在这里添加自定义验证
if(globle_flag == 1){//如果已经验证完自定义的,且rapid-Validation也已经验证完,就提交。
return disableSubmit(finalResult,'submitButton');
}
}});
//点击“提交”时调用此方法
function sub(){
globle_flag=0;
var elm = $prototype("username");
var uname=elm.value;
if(uname != "aaa"){
showErorMsg("username","名字不是aaa,请重新输入!");
return false;
}else{
globle_flag=1;
hideErrMsg("username");
}
}
//将错误信息显示到tooltip
function showErorMsg(elm,errorMsg) {
var elm = $prototype(elm);
if(typeof Tooltip != 'undefined') {
if (!elm.tooltip) {
elm.tooltip = new Tooltip(elm, {backgroundColor:"#FC9", borderColor:"#C96", textColor:"#000", textShadowColor:"#FFF"});
}
elm.tooltip.content = errorMsg;
}
elm.style.border="3px solid #FF0000";
}
//隐藏tooltip
function hideErrMsg(elm) {
var elm = $prototype(elm);
if(typeof Tooltip != 'undefined') {
if (elm.tooltip) {
elm.tooltip.stop();
elm.tooltip = false;
}
}
elm.style.border="1px solid #00CC00";
elm.style.color="#000";
}
</script>
分享到:
相关推荐
springboot整合mybatis-plus 登录(md5加密)(validation自定义校验器)
简洁,快速的验证语法 无需编写验证提示信息(当然也支持自定义提示信息) 错误消息在指定地方显示 支持组合验证 Ajax支持 基于prototype.js 支持国际化 易于扩展 基于标准的Html属性...
使用FormValidation进行表单验证,使用到了jQuery和Bootstrap框架等相关技术
快速表单验证,不需要写验证代码,直接调用就可以了~
struts验证框架-validation的验证框架
Struts2中Validation数据验证框架教程 struts2中validation框架_前台验证 struts2中validation框架_后台验证
NULL 博文链接:https://onestopweb.iteye.com/blog/2289027
jQuery+Validation表单验证
Scikit-Learn_9_cross_validation_交叉验证2_(机器学习_sklearn_教学教程tutorial
按部门老大要求改了下validationEngine验证组件的样式,1资源分,谢谢下载
在使用jQuery Validation Engine的时候,我们除了使用自带的API之外,还可以自己自定义正则验证。自定义正则验证上一篇已经讲过了,如果想使用自定义函数进行验证怎么办?其实这个控件有个bug,在api中说 也就是在...
主要介绍了Hibernate Validation自定义注解校验的实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
openstack 的heat模板的自定义验证
jquery.validate Validation .js验证框架 帮助 手册 文档.chm 版本 方面查询 (一)、可选项( options ) 1 (二)插件方法 (jQuery validation) 6 (三、四)选择器及实用工具 (jQuery validation) 7 四、实用工具...
form-validation表单验证是用来验证页面显示信息的,可以在配置文件中进行配置
jquery-validation 支持 自定义错误样式 ,包括如下 自定义错误样式 统一存放错误 定义 错误位置 定义 验证通过的样式 jquery validation- 错误样式概述 在 验证出现错误 后,jquery-validation会做如下操作 如果 ...
jQuery Validation表单验证插件实例合集,是锋利的JQuery第七章中的一个典型实例,一步步向大家讲解如何使用基于jQuery的表单验证插件jquery.validate.js和jquery.validate.messages_cn.js的使用方法,一共包含了7个...
validation js表单验证