一段自己写的丑陋的表单验证代码

html代码

<form id="formname">
我的邮箱:<input type="text" autoCheck="nameemail" /><span class="add"></span><br />
登录密码:<input type="text" autoCheck="namekey" /><span class="add"></span><br />
确认密码:<input type="text" autoCheck="namekeyval" /><span class="add"></span><br />
手机号码:<input type="text" autoCheck="namephone" /><span class="add"></span>
</form>

js代码

var keyWord = {
　　oRight:"您输入的正确",
　　oWrong:"您输入的内容格式错误",
　　oNull:"您输入的内容不能为空",
　　oKeywords1:"您输入的密码格式正确！",
　　oKeywords2:"您输入的密码不能少于六位数！",
　　oKeywords3:"您两次输入的密码不一致，请重新输入！",
　　oKeywords4:"两次密码输入一致！",
　　phoneWord:"手机号输入有误！",
　　phoneWord1:"手机号输入正确！",
　　};
var oRegExp={
　　valRegExp1:/^[A-z0-9]+@[\w\d]+?\.[com]/,
　　valRegExp2:/^[A-z0-9]{6,16}/,
　　valRegExp3:/^1(3[0-9]|5[0123789]|8[78])\d{8}/,
}
//正则匹配列表
;(function($){
　　$.fn.checkName=function(obj){
　　　　obj.blur(function(){
　　　　　　var attrName =$(this).attr('autoCheck');
　　　　　　switch(attrName){
　　　　　　　　case attrName="nameemail":
　　　　　　　　　　var thisValue=$(this).val();
　　　　　　　　　　if(thisValue==''){
　　　　　　　　　　　　$(this).next('.add').html(keyWord.oNull);
　　　　　　　　　　}
　　　　　　　　　　else if(thisValue.match(oRegExp.valRegExp1)){
　　　　　　　　　　　　$(this).next('.add').html(keyWord.oRight);
　　　　　　　　　　}
　　　　　　　　　　else{
　　　　　　　　　　　　$(this).next('.add').html(keyWord.oWrong);
　　　　　　　　　　}
　　　　　　break;
　　　　　　case attrName="namekey":
　　　　　　　　var nameValue=$(this).val();
　　　　　　　　if(nameValue.match(oRegExp.valRegExp2)){
　　　　　　　　　　$(this).next('.add').html(keyWord.oKeywords1);
　　　　　　　　}
　　　　　　　　else if(nameValue==''){
　　　　　　　　　　$(this).next('.add').html(keyWord.oNull);
　　　　　　　　}
　　　　　　　　else{
　　　　　　　　　　$(this).next('.add').html(keyWord.oKeywords2);
　　　　　　　　}
　　　　　　break;
　　　　　　case attrName="namekeyval":
　　　　　　　　var prevTxt = $("input[autoCheck='namekey']").val();
　　　　　　　　var thisTxt = $(this).val();
　　　　　　　　if(prevTxt!=thisTxt){
　　　　　　　　　　$(this).next('.add').html(keyWord.oKeywords3);
　　　　　　　　}
　　　　　　　　else if(prevTxt=='' || thisTxt==''){
　　　　　　　　　　　　$(this).next('.add').html(keyWord.oNull);
　　　　　　　　}
　　　　　　　　else if(thisTxt.length<6){
　　　　　　　　　　$(this).next('.add').html(keyWord.oKeywords2);
　　　　　　　　}
　　　　　　　　else{
　　　　　　　　　　$(this).next('.add').html(keyWord.oKeywords4);
　　　　　　　　}
　　　　　　break;
　　　　　　case attrName="namephone":
　　　　　　var phoneValue=$(this).val();
　　　　if(phoneValue.match(oRegExp.valRegExp3)){
　　　　　　$(this).next('.add').html(keyWord.phoneWord1);
　　　　}
　　　　else if(phoneValue==''){
　　　　　　$(this).next('.add').html(keyWord.oNull);
　　　　}
　　　　else{
　　　　　　$(this).next('.add').html(keyWord.phoneWord);
　　　　　}
　　　　break;
　　}
　　})
　　}
})(jQuery)
$(function(){
　　$('#formname').checkName($('input'));
})

作为一个前端的菜鸟，只能一步一个脚印的去学习，去练习，去思考，要走的路很长，练习这个习惯一直保持下去！