日期:2014-05-16  浏览次数:20377 次

validation engine如何判断验证全部通过?
1、如题,在提交的时候虽然界面上会提示哪些地方没通过验证,可是依然会执行了提交按钮里写入的提交事件,如何在程序里判定是否已经全部验证通过,例如我提交按钮写如下语句$("#sub").click(function () { alert("已经提交!"); });界面上能提示哪些地方没验证通过,可是依然会弹出提示框提示已经提交,我想问的是validation engine插件有木有一个返回值,表示当前验证是否全部通过
2、另外就是这个插件的提示背景色很丑,大红色的,有高手知道在哪修改么?

------解决方案--------------------
找到了,呵呵!你自己试一下。

JScript code

$("#form1").validationEngine({
    relative: true
})

------解决方案--------------------
代码中有css文件,修改css文件validationEngine.jquery.css
这个里面有formError .formErrorContent和formError .formErrorArrow div样式块,将这两个样式块里面的background项就是背景色,下面的替换过去就是将背景色修改为白色,而字体颜色修改为了红色,自己可以研究着修改下!
.formError .formErrorContent {
width: 100%;
background: #ffffff;
position:relative;
color: #ff0000;
width: 150px;
font-size: 11px;
border: 2px solid #ddd;
box-shadow: 0 0 6px #000;
-moz-box-shadow: 0 0 6px #000;
-webkit-box-shadow: 0 0 6px #000;
padding: 4px 10px 4px 10px;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
}
.formError .formErrorArrow div {
border-left: 2px solid #ddd;
border-right: 2px solid #ddd;
box-shadow: 0 2px 3px #444;
-moz-box-shadow: 0 2px 3px #444;
-webkit-box-shadow: 0 2px 3px #444;
font-size: 0px;
height: 1px;
background: #ffffff;
margin: 0 auto;
line-height: 0;
font-size: 0;
display: block;
}