在網頁開發中，表單的驗證是非常重要的一環。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等等。可以根據需要選擇合適的屬性和方法來完成表單驗證。