jQuery驗證在Opera中不需要的驗證號

Question

我正在寫一個計劃在Opera瀏覽器中使用的（本地主機）網站（因爲我的網站使用的是HTML5）。在網站的一部分，我有一個表格，其中一個字段是一個數字。我試圖使用jQuery Validate插件來驗證條目是一個數字，但它不是必需的。

我希望這是解決方案，並在Chrome中工作，但在Opera，驗證被忽略

<form id="productForm"> 
<input type="text" name="MinPrice" id="Minprice" /> 
<input type="submit" value="OK" /> 
</form>​ 

$("#productForm").validate({ 
    rules: { 
     MinPrice: { 
      number: true 
     } 
    } 
});​ 

爲了讓jQuery來驗證在Opera中的一些，看來我必須寫：

<form id="productForm"> 
<input type="text" name="MinPrice" id="Minprice" /> 
<input type="submit" value="OK" /> 
</form>​ 

$("#productForm").validate({ 
    rules: { 
     MinPrice: { 
      number: true, 
      required: true 
     } 
    } 
});​ 

但問題是，我不希望要求MinPrice，我想如果我輸入任何內容到現場，只確認它

謝謝

CampSoup1988

Answer 1

這看起來像插件（或在Opera取決於您的觀點）的錯誤。

您可能能夠解決其與「依賴回調」的方法如下：

$("#productForm").validate({ 
    rules: { 
     MinPrice: { 
      required: function(el) { 
       var $el = $(el); 
       if(!$el.val()) { $el.val('0') }; 
       return false; 
      }, 
      number: true 
     } 
    } 
});​ 

如果我這樣做是正確，那麼這應該強制場永遠是空的通過插入'0'。

提供插件在其驗證號碼之前執行其「必需」驗證，此解決方案有可能工作。

如果它不起作用，那麼您可以通過綁定到該字段的「blur」處理程序實現相同的效果。

如果您需要區分用戶輸入的'0'和強制的「fudge-value」，那麼您可以強制'-1'而不是'0'並相應地測試服務器端。

Answer 2

這裏實際發生的是，在Opera中，input.value（以及Opera提交的內容）是一個空字符串，如果輸入的值不是有效數字。有些令人困惑的是，用戶輸入的內容仍然留在輸入中而沒有被標記爲無效，並且由於.value爲空，JS驗證也沒有看到任何問題。

根據the spec，文本「值清理算法如下：如果元素的值不是有效的浮點數，則將其設置爲空字符串」，但UI-明智的是它仍然令人困惑，所以我認爲Opera應該修復它。