JSP中實現用戶名與密碼的表單驗證提示

一個web注冊功能往往需要開發表單驗證，如下寫一個簡單的用戶名及密碼的驗證提示及注意事項：

<script src="js/jquery.validate.min.js" type="text/javascript"></script>
<script type="text/javascript"> $(function() { $("#regForm").validate({ rules : { "username" : { "required" : true }, "password" : { "required" : true, "rangelength" : [ 6, 16 ] } }, messages : { "username" : { "required" : "用戶名不能為空" }, "password" : { "required" : "密碼不能為空", "rangelength" : "密碼的長度必須為6-16" } }, errorPlacement : function(error, element) { //console.log(error); //console.log(element); //如果出錯的是單選按鈕或者多選按鈕，則將錯誤信息添加到當前元素的父容器所在的容器的最后
if(element.is (":radio")||element.is(":checkbox")){ error.appendTo(element.parent().parent()); }else{ //如果不不是單選按鈕和復選按鈕,直接將錯誤信息顯示在當前元素的后面
error.insertAfter(element); } } }) }); </script>

 

注意：
messages不要忘記加s，丟掉了就會產生如下錯誤：

 

————————————————
版權聲明：本文為CSDN博主「藍海晴川」的原創文章，遵循CC 4.0 BY-SA版權協議，轉載請附上原文出處鏈接及本聲明。
原文鏈接：https://blog.csdn.net/sinat_43094886/article/details/82357154