来自带有HTML5的asp.net的验证组功能

Question

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

基本上我有一个文本框和按钮，我希望这个文本框和这个按钮分成一组，其余的可以在不同的组中。因此，此按钮应仅验证单个文本框而不是整个表单。

Answer 1

您可以在单个表单元素上调用checkValidity()，然后执行您认为合适的任何操作。 Here is a simple example：

<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内联事件处理程序，但原则是相同的。