JQUERY失去焦点时验证多个表单

  

今天算忙死了,登录验证用的JS的innerHTML,竟然只要IE9认识。朋友建议用金桥,于是就改成金桥,很少用金桥,看了点文档,写了一个用来验证三个表单,如下:

$(函数(){   $(" #用户名").blur(函数(){//用户名文本框失去焦点触发验证事件   如果(! $ ().val())//只处验证不能为空并且只能为英文或者数字或者下划线组成的男童个字符   {   $ (" # vuser ") . html (“& lt;跨度祝辞* & lt;/span>”);   }   其他的   {   $ (" # vuser ") . html (" ");   }   });   $ (" # pwd”)。模糊(函数(){//用户名文本框失去焦点触发验证事件   如果(! $ ().val())//只处验证不能为空并且只能为英文或者数字或者下划线组成的男童个字符   {   $ (" # vpwd ") . html (“& lt;跨度祝辞* & lt;/span>”);   }   其他{   $ (" # vpwd ") . html (" ");   }   });   $ (" # verifyCode”)。模糊(函数(){//用户名文本框失去焦点触发验证事件   如果(! $ ().val())//只处验证不能为空并且只能为英文或者数字或者下划线组成的男童个字符   {   $ (" # vcode ") . html (“& lt;跨度祝辞* & lt;/span>”);   }   其他{   $ (" # vcode ") . html (" ");   }   });   });

写完后一看,天呐,这我要弄十个表单岂不是要写十次,真是太恐怖了…又向朋友求解,朋友告诉我一个方法,经一番努力后,写下如下代码

 $(函数(){
  $("输入[必须='必须']”)。模糊(函数(){
  如果($ ().val ()。长度==0){
  $ (). next () . html (“& lt;字体样式='颜色:# f00祝辞* & lt;/font>”);
  }
  其他{
  $ (). next () . html (" ");
  }
  });
  });

表单是这样的

& lt; div类=坝没А北?   用户名:& lt;输入id="用户名" name=坝没北匦?'必须' type="文本"/祝辞& lt;跨t=' v '祝辞& lt;/span> & lt;/div>   & lt; div类="用户"比;   密码:& lt;输入id=" pwd " name=" pwd类型=懊苈搿?氨匦搿?必须在& lt;跨t=' v '祝辞& lt;/span> & lt;/div>   & lt; div类="用户"比;   & lt; div类=皔zk”比;   验证码:& lt;输入id=皏erifyCode”名称=皏erifyCode”类型=拔谋尽北匦?'必须'/祝辞& lt;跨t=' v '祝辞& lt;/span> & lt;/div>   & lt; div类=皔zm”比;   & lt;跨度id=" img_yzm "祝辞& lt;/span>   & lt;/div>   & lt;/div>

神呀,少了这么多代码。以后要多学学金桥啦,不能固步自封了…

JQUERY失去焦点时验证多个表单