html javascript驗證錯誤消息

Question

當字段中沒有任何條目顯示“請填寫此字段”並指向該字段時，在字段中使用HTML“必填”指示符會顯示一條非常好的錯誤消息，並且該消息將在大約5秒鍾后清除。 使用javascript進行額外的驗證會提供一個沒有吸引力的警告框，其中包含需要用戶干預的消息。 有沒有一種方法可以讓javascript顯示該字段或類似字段的HTML消息，或者我必須使用例如。 jQuery有這種功能嗎？

Answer 1

您可以有一個隱藏的div或span，然后在驗證表單時將文本和該隱藏字段的顯示設置為所需的錯誤消息。

function doValidate() {
   var myField = document.getElementById("textbox1");
   if ( myField.value.length == 0 ) {  // fail
     document.getElementById("hiddenDiv").style.display = '';
     document.getElementById("hiddenDiv").innerHTML = "Fail";
   }
}