javascript - 来自 asp.net 和 HTML5 的 Validationgroup 功能

Question

我们如何仅使用 HTML5 实现 asp.net 中的验证组功能？我正在使用这个库：http ://afarkas.github.com/webshim/demos/demos/webforms/4-webforms-custom-validity.html

基本上我有一个文本框和按钮，我希望这个文本框和这个按钮进入一个组，其余的可以在不同的组中。所以这个按钮应该只验证单个文本框而不是整个表单。

Answer 1

您可以调用checkValidity()各个表单元素，然后采取您认为合适的任何操作。 这是一个简单的例子：

<div id="d1">
    <input type="text" required id="i1">
    <button onclick="if (document.getElementById('i1').checkValidity())
        {document.getElementById('d1').className = 'va'} 
      else 
        {document.getElementById('d1').className = 'in'}; return false;">Check 1</button>
</div>

显然，在现实生活中，您不会使用 hacky 内联事件处理程序，但原理是相同的。