客户端登记验证js_jquery表单验证-JavaSript-爱易网页

客户端登记验证js_jquery表单验证

日期：2014-05-16　浏览次数：20496 次

客户端注册验证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,可以自己扩展.写的不好,还请拍砖.

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>

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>

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

3 楼 zachary.guo 2010-05-18

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

4 楼 lampo 2010-06-02

引用

不错

5 楼 lampo 2010-06-02

呵呵

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>

7 楼 hegz 2010-06-09

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

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

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

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

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

客户端登记验证js_jquery表单验证

相关资料更多>

推荐阅读更多>