jQuery表單校驗

小小Demo：

<script>$(function () {//給username綁定失去焦點事件
        $("#username").blur(function () {//得到username文本框的值var nameValue = $(this).val();//每次清除數據
            $("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();//每次失去焦點先清除之前的數據
            $("#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 () {//主動觸發輸入框的失去焦點事件
            $(":text,:password").trigger("blur");//判斷頁面中是否Error的fontif ($(".error").size() >= 1) {return false;}return true;});});
</script>

?