聯繫表7驗證：

Question

我使用的聯繫表格7插件，我想大約有文字box.So邊境，我已經改變了script.js這是includes>JS文件夾周圍輸入字段邊界。

前：

$.fn.wpcf7NotValidTip = function(message) { 
     return this.each(function() { 
      var $into = $(this); 

      $into.find('span.wpcf7-not-valid-tip').remove(); 
      $into.append('<span role="alert" class="wpcf7-not-valid-tip">' + message + '</span>'); 
      if ($into.is('.use-floating-validation-tip *')) { 
       $('.wpcf7-not-valid-tip', $into).mouseover(function() { 
        $(this).wpcf7FadeOut(); 
       }); 

       $(':input', $into).focus(function() { 
        $('.wpcf7-not-valid-tip', $into).not(':hidden').wpcf7FadeOut(); 
       }); 
      } 
     }); 
    }; 

後：

$.fn.wpcf7NotValidTip = function(message) { 
     return this.each(function() { 
      var $into = $(this); 

      $into.find('span.wpcf7-not-valid-tip').remove(); 
      $into.append('<span role="alert" class="wpcf7-not-valid-tip">' + message + '</span>'); 
      $into.find(':input').css('border-color', 'red');//it will add red color border 
      if ($into.is('.use-floating-validation-tip *')) { 
       $('.wpcf7-not-valid-tip', $into).mouseover(function() { 
        $(this).wpcf7FadeOut(); 
        $into.find(':input').removeAttr('style'); //for removing red color 
       }); 

       $(':input', $into).focus(function() { 
        $('.wpcf7-not-valid-tip', $into).not(':hidden').wpcf7FadeOut(); 
        $into.find(':input').removeAttr('style');//for removind red color 
       }); 
      } 
     }); 
    }; 

問題：在驗證的時候它顯示validation.But我填補了該領域，它應該刪除邊框顏色。所以，一旦我填滿了所有的東西，我怎麼能去掉那種顏色。所以任何人都可以告訴我我錯過了什麼或者應該添加什麼？

Answer 1

通過插件裏面打了將近一個小時後，找到了解決辦法。

您正在刪除您的風格在錯誤的地方。

$.fn.wpcf7NotValidTip = function(message) { 
    return this.each(function() { 
     var $into = $(this); 

     $into.find('span.wpcf7-not-valid-tip').remove(); 
     $into.append('<span role="alert" class="wpcf7-not-valid-tip">' + message + '</span>'); 
     $into.find(':input').css('border-color', 'red');//it will add red color border 
     if ($into.is('.use-floating-validation-tip *')) { 
      $('.wpcf7-not-valid-tip', $into).mouseover(function() { 
       $(this).wpcf7FadeOut(); 
       //removed this line from your code 
      }); 

      $(':input', $into).focus(function() { 
       $('.wpcf7-not-valid-tip', $into).not(':hidden').wpcf7FadeOut(); 
       //removed this line from your code 
      }); 
     } 
    }); 
}; 

您需要刪除你的風格在wpcf7ClearResponseOutput此功能：

$.fn.wpcf7ClearResponseOutput = function() { 
     return this.each(function() { 
      $(this).find('div.wpcf7-response-output').hide().empty().removeClass('wpcf7-mail-sent-ok wpcf7-mail-sent-ng wpcf7-validation-errors wpcf7-spam-blocked').removeAttr('role'); 
      $(this).find('span.wpcf7-not-valid-tip').remove(); 
      $(this).find(':input').removeAttr('style'); //here I have added those lines for removing style 
      $(this).find('img.ajax-loader').css({ visibility: 'hidden' }); 
     }); 
    }; 

希望工程爲you.Great任務對我來說:)