Use the validation form written by jQuery to verify the form
// Use the validation form written by jQuery
<! DOCTYPE html PUBLIC "-// W3C // dtd xhtml 1.0 Transitional // EN "" http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd "> <Html xmlns =" http://www.w3.org/1999/xhtml "> <Head> <meta http-equiv =" Content-Type "content =" text/html; charset = UTF-8 "/> <title> </title> <script src =" js/jquery-1.3.1.js "> </script> <script src =" js/lib/jquery. validate. js "> </script> <script src =" js/lib/jquery. validate. messages_cn.js "> </script> <style> body {font: 12px/19px Arial, Helvetica, sans-serif; color: #666;} form div {margin: 5px 0 ;}. int label {float: left; width: 100px; text-ali Gn: right ;}. int input {padding: 1px 1px; border: 1px solid # ccc; height: 16px ;}. sub {padding-left: 100px ;}. sub input {margin-right: 10px ;}. formtips {width: 200px; margin: 2px; padding: 2px ;}. onError {background: # FFE0E9 url (images/reg3.gif) no-repeat 0 center; padding-left: 25px ;}. onSuccess {background: # E9FBEB url (images/reg4.gif) no-repeat 0 center; padding-left: 25px ;}. high {Color: red ;}</style> <script >$ (function () {$ ("form: input. required "). each (function () {var $ required = $ ("<strong class = 'high'> * </strong>"); $ (this ). parent (). append ($ required);}) $ ("form: input "). blur (function () {var $ parent = $ (this ). parent (); $ (". formtips "). remove (); if ($ (this ). is ("# username") {if (this. value = ''| this. value. length <6) {var errmsg = 'enter the correct format. '; $ parent. appen D ('<span class = "formtips onError">' + errmsg + '</span>')} else {var sucssemsg = 'format input is correct '; $ parent. append ('<span class = "formtips onSuccess">' + sucssemsg + '</span>')} if ($ (this ). is ("# email") {// use of the Regular Expression in email format if (this. value = ''| (this. value! = ""&&! /. + @. + \. [A-zA-Z] {2, 4} $ /. test (this. value) {var errmsg = 'enter the correct format. '; $ parent. append ('+ errmsg +' </span> ')} else {var sucssemsg = 'format input is correct'; $ parent. append ('<span class = "formtips onSuccess">' + sucssemsg + '</span>') }}) $ ("# send "). click (function () {var onerr = $ (this ). parent (). siblings (). children (). hasClass ("onError"); // when an error occurs, the element if (onerr) {return false;} is added as the onerror element ;} else {alert ("You have registered successfully") ;}} $ ("# reset "). click (function () {$ (". formtips "). remove ();})}) </script>