在項目開發的時候，我們經常要對用戶傳入數據庫的表單數據進行驗證，例如注冊時候的賬號密碼，而驗證分為前端驗證與后端驗證，能在前端完成的驗證工作就不要讓后端插手了。

本篇筆記以修改密碼為例子，界面如下：

密碼表單的 html代碼，設置好id：

<input id="userpass" name="user.password" value="#(user.password??)" required>

?

在同一個html文件下，添加jquery代碼：

<script> $(document).ready(function(){$("#save").click(function(){var str=document.getElementById("userpass").value;var res;if(/^(?![0-9a-zA-Z]+$)(?![a-zA-Z@#$%]+$)(?![0-9@#$%]+$)[0-9A-Za-z@#$%]{6,16}$/.test(str)==false){res="密碼格式錯誤！"event.preventDefault(); //取消默認應答event.stopPropagation();//阻止冒泡到父元素}else{res="密碼修改成功！"}alert(res);}); }); </script>

上面的代碼是通過id得到用戶輸入的值，然后if、else判斷是否符合正則表達式。對于不正確的數據，設置好要alert的信息，然后通過兩個event事件取消submit，這樣也就不會傳入到數據庫了，對于對的數據，直接設置要alert的信息即可。

?

?

希望能幫到你～

?

總結

以上是生活随笔為你收集整理的JQuery实现表单验证并使错误数据其无法提交到数据库的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。