鼠标焦点离开文本框时验证的js代码

时间：2013-07-21 编辑：简简单单来源：一聚教程网

最简单的我找了一个实例利用js 的onblur

onBlur事件是光标失去焦点时发生的事件。

例

1.html

代码如下	复制代码

上面是直接写在的html input中，我们可以定成函数

代码如下	复制代码

你的姓名：
你的爱好：

上面js的验证就差不多了，我们利用jquery blur进行ajax验证，下面是我工作时的个实例

html

代码如下

复制代码

$('#tgmo').blur(function(){
//alert($(this).val());
$.post('post.php?action=check',{'tgmo':$(this).val()},function(data)
{
  //alert(data);
  if( data==0 )
  {
   $('#sy_a').show();
   $('#autoregister').val(1);
  }
  else
  {
   $('#sy_a').hide();
   $('#autoregister').val(0);
  }

});
})

post.php

就是获取手机进行验证了，返回对应的数据，如我们可直接输入

echo 1;

关于jquery blur()方法

在上面我们的blur只是通过jquery直接绑定事件了，这样方便了很多,当输入域失去焦点 (blur) 时改变其颜色：

定义和用法
当元素失去焦点时发生 blur 事件。

blur() 函数触发 blur 事件，或者如果设置了 function 参数，该函数也可规定当发生 blur 事件时执行的代码。

提示：早前，blur 事件仅发生于表单元素上。在新浏览器中，该事件可用于任何元素。

上一个： js setAttribute与jquery中attr用法对比
下一个：实现表单checkbox获取已选择的值js代码

推荐专题

最新下载

热门教程

鼠标焦点离开文本框时验证的js代码

相关文章

热门栏目

php教程

asp.net教程

手机开发

css教程

网页制作

办公数码

jsp教程