使用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进行输入验证

回答

相关问题