小小Demo：

<script>$(function () {//給username綁定失去焦點事件 $("#username").blur(function () {//得到username文本框的值var nameValue = $(this).val();//每次清除數(shù)據(jù) $("table font:first").remove();//校驗username是否合法if (nameValue == "") {$(this).parent().append("<font class='error' color = 'red'>你輸入的用戶名為空</font>");} else {$(this).parent().append("<font color = 'blue'>可以使用！</font>");}});//給郵箱綁定失去焦點事件 $("#email").blur(function () {//得到文本框的值var myemail = $(this).val();//每次失去焦點先清除之前的數(shù)據(jù) $("#email+font").remove();//定義郵箱校驗正則var reg = /^\w{6,20}@(\w{2,6}\.)+\w{2,6}$/;if (reg.test(myemail)) {$(this).parent().append("<font color = 'blue'>郵箱合法！</font>");} else {$(this).parent().append("<font class='error' color = 'red'>郵箱不合法！</font>");}});//綁定表單提交事件(表單是否提交，由表單的submit事件返回ture還是false決定) $("form").submit(function () {//主動觸發(fā)輸入框的失去焦點事件 $(":text,:password").trigger("blur");//判斷頁面中是否Error的fontif ($(".error").size() >= 1) {return false;}return true;});}); </script>

?

轉(zhuǎn)載于:https://www.cnblogs.com/laodang/p/8961392.html

總結(jié)

以上是生活随笔為你收集整理的jQuery表单校验的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。