Form.Validator.Tips(serial=false) doesn't completely clear error dialogs #59

alexgrge opened this Issue Dec 17, 2009 · 0 comments


None yet
1 participant

Form.Validator.Tips doesn't remove the PointyTip graphic of the error dialog for a field, once that field has been selected.

Here is a sample HTML page that has a Form.Validator.Tips associated with a form with 2 text inputs, both set as required. Error msgs can be triggered correctly, but are not removed after entering a legal value.

        <script src="clientcide.2.2.0.js" type="text/javascript"></script>
    <script type="text/javascript">
        window.addEvent('domready', function() {
           * Form validators
          v = new FormValidator.Tips('test', {
            serial: false,
            useTitles: true
    <style id="defaultStickyWinStyle">div.DefaultStickyWin {font-family:verdana; font-size:11px; line-height: 13px;position: relative;}div.DefaultStickyWin{-moz-user-select: none;-khtml-user-select: none;}div.DefaultStickyWin div.top_ul{background:url( top left no-repeat; height:30px; width:15px; float:left}div.DefaultStickyWin div.top_ur{position:relative; left:0px !important; left:-4px; background:url( top right !important; height:30px; margin:0px 0px 0px 15px !important; margin-right:-4px; padding:0px}div.DefaultStickyWin h1.caption{clear: none !important; margin:0px !important; overflow: hidden; padding:0 !important; font-weight:bold; color:#555; font-size:14px !important; position:relative; top:8px !important; left:5px !important; float: left; height: 22px !important;}div.DefaultStickyWin div.middle, div.DefaultStickyWin div.closeBody {background:url( top left repeat-y; margin:0px 20px 0px 0px !important;   margin-bottom: -3px; position: relative;    top: 0px !important; top: -3px;}div.DefaultStickyWin div.body{background:url( top right repeat-y; padding:8px 23px 8px 0px !important; margin-left:5px !important; position:relative; right:-20px !important; z-index: 1;}div.DefaultStickyWin div.bottom{clear:both;}div.DefaultStickyWin div.bottom_ll{background:url( bottom left no-repeat; width:15px; height:15px; float:left}div.DefaultStickyWin div.bottom_lr{background:url( bottom right; position:relative; left:0px !important; left:-4px; margin:0px 0px 0px 15px !important; margin-right:-4px; height:15px}div.DefaultStickyWin div.closeButtons{text-align: center; background:url( top right repeat-y; padding: 4px 30px 8px 0px; margin-left:5px; position:relative; right:-20px}div.DefaultStickyWin a.button:hover{background:url( repeat-x}div.DefaultStickyWin a.button {background:url( repeat-x; margin: 2px 8px 2px 8px; padding: 2px 12px; cursor:pointer; border: 1px solid #999 !important; text-decoration:none; color: #000 !important;}div.DefaultStickyWin div.closeButton{width:13px; height:13px; background:url( no-repeat; position: absolute; right: 0px; margin:10px 15px 0px 0px !important; cursor:pointer;top:0px}div.DefaultStickyWin div.dragHandle {    width: 11px;    height: 25px;   position: relative; top: 5px;   left: -3px; cursor: move;   background: url(; float: left;}</style></head>
Customer Name
First name
Last name

Here is a solution used...

Form.Validator.Tips.AFix = new Class({
    Extends: Form.Validator.Tips,
    validateField: function(field, force){

        var advice = this.getAdvice(field);
        var wasFailed = field.hasClass('validation-failed'); 
        var wasWarning = field.hasClass('warning'); 
        var isPassed = this.parent(field, force);
        if (!this.options.serial) {
            if ((wasFailed || wasWarning) && advice)  {
                if (isPassed)
        return isPassed;
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment