2

我想使用引導驗證程序並添加基於if else語句的自定義驗證程序,但它似乎並沒有工作。也許我很困惑,自定義的驗證是如何工作的,但我的日誌,甚至沒有在控制檯中出現......1000hz引導驗證器自定義驗證

JS:

$('#estimate').validator({ 

     custom: { 
      'distance': function() { 
       if($("#distance-group").hasClass("invalid")){ 
        return false; 
        console.log("ERROR") 
       }else{ 
        return true; 
        console.log("NO ERROR") 
       } 
      } 
     }, 
     errors: { 
      'distance': "Nope" 
     } 
    }) 

HTML:

<input class="form-control" type="text" name="address2" id="address2" size="30" placeholder="Your Address" data-distance/> 
+0

應該不是你的最後一行以分號結束?右鍵單擊表單並檢查元素,然後單擊提交按鈕並檢查是否有錯誤。 –

回答

3

我需要把data-distance =「true」放在我想驗證的輸入上。 console.logs沒有顯示出來,因爲我把它們放在返回之後。

在這裏看到: http://jsbin.com/nuwajejinu/edit?html,js,console,output

$('#estimate').validator({ 
    custom: { 
    'distance': function() { 
     if($("#distance-group").hasClass("invalid")){ 
     console.log("ERROR") 
     return false; 
     }else{ 
     console.log("NO ERROR") 
     return true; 
     } 
    } 
    }, 
    errors: { 
    'distance': "Nope" 
    } 
}) 

HTML:

<input type="text" data-distance="true" id="distance-group" class="form-control" required>