客户端注册验证js_jquery表单验证_

<script language="javascript" type="text/javascript">
var arrid = new Array('username','password','companyname');
var arrtips = new Array('请填写用户名','请填写用户密码','请填写公司名称');
function cf(id)
{
for(var i=0;i<arrid.length;i++)
   {
if (id == arrid[i])
{
   if(!$("#"+id).val())
     {
	 //document.getElementById('t_'+id).innerHTML = arrtips[i];
	 $('#t_'+id).html(arrtips[i]);
	 }
   else
     {
	 $('#t_'+id).html("");
	 }
}
   }
}
</script>

基于jquery,可以自己扩展.写的不好,还请拍砖.

评论

8 楼 化蝶自在飞 2010-06-09  

如果不锁定ID的话,如何实现有的校验有的不校验呢?

7 楼 hegz 2010-06-09  

这个表单校验，应用已经很滥了。另外，可以借鉴一下jQuery.validate插件么。

为了友好性，如果能够不用alert，尽量不要使用。

6 楼 lampo 2010-06-02  

# <script language="javascript" type="text/javascript">  
# $(function() {  
#   $("input:text").bind("blur", function(i, ele) {  
#     if (!$(this).val()) {  
#       alert(this.tip);  
#     }  
#   });  
# });  
# </script> 

5 楼 lampo 2010-06-02  

呵呵

4 楼 lampo 2010-06-02  

引用

不错

3 楼 zachary.guo 2010-05-18  

javascript 代码的第四行写错了，应该为 if (!$(this).val()) {

2 楼 化蝶自在飞 2010-05-18  

zachary.guo 写道

数组是没有必要定义的，给出稍微简洁一点的版本，仅供参考，脚本语法没有测试过：

<input type="text" id="username" tip="请填写用户名" />
<input type="text" id="password" tip="请填写用户密码" />
<input type="text" id="companyname" tip="请填写公司名称" />

<script language="javascript" type="text/javascript">
$(function() {
  $("input:text").bind("blur", function(i, ele) {
    if (!$(this).val) {
      alert(this.tip);
    }
  });
});
</script>

感谢开导哦.呵呵.确实够简洁,谢谢.

1 楼 zachary.guo 2010-05-18  

数组是没有必要定义的，给出稍微简洁一点的版本，仅供参考，脚本语法没有测试过：

<input type="text" id="username" tip="请填写用户名" />
<input type="text" id="password" tip="请填写用户密码" />
<input type="text" id="companyname" tip="请填写公司名称" />

<script language="javascript" type="text/javascript">
$(function() {
  $("input:text").bind("blur", function(i, ele) {
    if (!$(this).val) {
      alert(this.tip);
    }
  });
});
</script>