在网页开发中，表单的验证是非常重要的一环。javascript中提供了一个validity属性，它可以检测一个表单元素的有效性。validity属性包含一组布尔值，表示表单元素是否有效，还可以包含一些详细信息，例如错误类型和原因。

举一个例子，假设我们有一个输入框，要求用户输入一个数字，这个数字必须大于等于10。我们可以在输入框中添加一个min属性，设置它的最小值为10。然后，我们可以使用javascript中的validity属性来检查输入框是否有效：

<input type="number" min="10" id="myInput"><script>var input = document.getElementById("myInput");if (input.validity.valid) {alert("输入有效！");} else {alert("输入无效！");}</script>

上面的代码中，我们首先获取了id为myInput的输入框元素，然后通过判断其validity.valid属性来确定输入框是否有效。如果有效，则弹出“输入有效！”提示框；否则，弹出“输入无效！”提示框。

除了validity.valid属性之外，还有一些其他的属性可以用来检查表单元素的有效性。例如，validity.valueMissing属性表示是否缺少必填项。如果一个输入框是必填项，但是用户没有填写，那么这个属性会返回true：

<input type="text" required id="myInput"><script>var input = document.getElementById("myInput");if (input.validity.valueMissing) {alert("请输入内容！");}</script>

上面的代码中，我们给输入框添加了required属性，表示这个输入框是必填项。然后，我们使用validity.valueMissing属性来检查输入框是否填写。如果没有填写，则弹出“请输入内容！”提示框。

另一个常用的属性是validity.patternMismatch。它可以用来检查输入框的值是否符合一个正则表达式。例如，我们可以限制一个输入框只能输入数字，使用正则表达式/^\d+$/，然后使用validity.patternMismatch属性来判断输入框的值是否符合这个要求：

<input type="text" pattern="^\d+$" id="myInput"><script>var input = document.getElementById("myInput");if (input.validity.patternMismatch) {alert("请输入数字！");}</script>

上面的代码中，我们给输入框添加了pattern属性，表示这个输入框的值必须符合正则表达式/^\d+$/. 然后，我们使用validity.patternMismatch属性来判断输入框的值是否符合这个要求。如果不符合，弹出“请输入数字！”提示框。

总之，validity属性是一个非常有用的工具，可以帮助我们轻松地验证表单元素的有效性。除了上面提到的属性之外，它还包含一些其他的属性和方法，例如validity.rangeOverflow、validity.rangeUnderflow、validity.stepMismatch等等。可以根据需要选择合适的属性和方法来完成表单验证。