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

[alexgrge]

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
          });
    });
    </script>
    <title>Sample</title>
    <style id="defaultStickyWinStyle">div.DefaultStickyWin {font-family:verdana; font-size:11px; line-height: 13px;position: relative;}div.DefaultStickyWin div.top{-moz-user-select: none;-khtml-user-select: none;}div.DefaultStickyWin div.top_ul{background:url(http://github.com/anutron/clientcide/raw/master/Assets/stickyWinHTML/full.png) top left no-repeat; height:30px; width:15px; float:left}div.DefaultStickyWin div.top_ur{position:relative; left:0px !important; left:-4px; background:url(http://github.com/anutron/clientcide/raw/master/Assets/stickyWinHTML/full.png) 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(http://github.com/anutron/clientcide/raw/master/Assets/stickyWinHTML/body.png) 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(http://github.com/anutron/clientcide/raw/master/Assets/stickyWinHTML/body.png) 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(http://github.com/anutron/clientcide/raw/master/Assets/stickyWinHTML/full.png) bottom left no-repeat; width:15px; height:15px; float:left}div.DefaultStickyWin div.bottom_lr{background:url(http://github.com/anutron/clientcide/raw/master/Assets/stickyWinHTML/full.png) 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(http://github.com/anutron/clientcide/raw/master/Assets/stickyWinHTML/body.png) top right repeat-y; padding: 4px 30px 8px 0px; margin-left:5px; position:relative; right:-20px}div.DefaultStickyWin a.button:hover{background:url(http://github.com/anutron/clientcide/raw/master/Assets/stickyWinHTML/big_button_over.gif) repeat-x}div.DefaultStickyWin a.button {background:url(http://github.com/anutron/clientcide/raw/master/Assets/stickyWinHTML/big_button.gif) 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(http://github.com/anutron/clientcide/raw/master/Assets/stickyWinHTML/closebtn.gif) 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(http://github.com/anutron/clientcide/raw/master/Assets/stickyWinHTML/drag_corner.gif); 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)
                    advice.hide();
                else
                    advice.show();
            }
        }
        
        return isPassed;
    }
});