使用div與Jquery進行輸入驗證

我期待在div中顯示我的輸入驗證而不是警報。我現在有使用div與Jquery進行輸入驗證

//check for COGs to be a number 
     if (isNaN($("#txtCOGs").val())) { 
      alert("The Cost of Goods Sold must be a number"); 
      $("#txtCOGs").focus(); 
      return false; 
     }

我試圖把它在div

<div id="divError">

建議嗎？

來源

2012-07-12 Andrew

不是針對實際問題（Bumble的回答說我的任何東西會！），但作爲一個建議：如果你的表單比幾個字段長，那麼有一個jQuery驗證插件可能派上用場。如果您正在進行自己的驗證，我會考慮製作一個包含驗證規則，相關輸入元素和錯誤消息的對象，而不是在每噸if語句中處理它。 – 2012-07-12 16:42:25

//check for COGs to be a number 
     if (isNaN($("#txtCOGs").val())) { 
      $("#divError").text("The Cost of Goods Sold must be a number"); 
      $("#txtCOGs").focus(); 
      return false; 
}

有了這個HTML代碼：

<div id="divError"></div>

來源

2012-07-12 16:39:36

感謝您的快速響應！ – Andrew 2012-07-12 16:40:45

$('#divError').text("The Cost of Goods Sold must be a number");

或HTML包括：

$('#divError').html('<span style="font-style:italic">The Cost of Goods Sold</span> must be a number');

，或者如果你想在同一格內添加多個錯誤消息：

$('#divError').append("The Cost of Goods Sold must be a number<br />"); 
$('#divError').append("Another error message...<br />");

來源

2012-07-12 16:37:17 BumbleB2na

非常感謝您的快速回復。 – Andrew 2012-07-12 16:40:37

使用div與Jquery進行輸入驗證

回答

相關問題