学习了下 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>
分享到:
相关推荐
除了基本的规则设置,"Rapid Validation"还可能提供了高级功能,如自定义验证函数、验证链、异步验证(用于检查数据库或其他服务)等。这些功能使得它能适应各种复杂的验证需求。 在实际项目中,"Rapid Validation...
同时,该插件还允许开发者自定义验证规则,以满足特定项目的需求。这种灵活性使得Rapid_Validation_1.5.1能够应对各种复杂的验证场景,极大地提升了开发效率。 使用Rapid_Validation_1.5.1,开发者可以轻松地将验证...
它展示了如何在实际项目中引入和配置"Rapid-Validation",以及如何自定义验证规则和错误提示。通过分析样例,开发者可以快速上手,将验证功能整合到自己的网页中。 在使用"Rapid-Validation"时,开发者需要注意兼容...
简洁,快速的验证语法 无需编写验证提示信息(当然也支持自定义提示信息) 错误消息在指定地方显示 支持组合验证 Ajax支持 基于prototype.js 支持国际化 易于扩展 基于标准的Html属性...
"Rapid-Validation-v1.5.1" 是一个JavaScript验证库的版本,主要用于前端数据验证。这个版本可能包含了优化的验证规则、错误处理和更好的性能。JavaScript验证器是前端开发中的重要工具,它们帮助开发者确保用户输入...
此外,还可以自定义验证规则以满足特定需求。 3. **错误消息定制**:RapidValidation允许你自定义错误消息,提供更友好的用户体验。你可以根据验证失败的情况,显示不同的错误提示信息。 4. **实时验证**:通过...
RapidMiner提供了“Cross-Validation”和“Performance”操作符,通过交叉验证和混淆矩阵等方式来评估模型的性能。此外,还可以使用“Visualize”操作符生成图表,直观地理解数据和模型的结果。 总的来说,这个压缩...
5. 数据验证组件(Validation components):这些控件可以帮助开发者实现对用户输入的数据进行验证,确保输入符合预设的规则和格式。 6. 报表和打印组件:AlphaControls可能还包含用于创建和打印报表的组件,使得...