用户表单事件(focus事件)

      以前做用户系统的时候经常用到表单验证，正则表达式事件来处理和绑定事件和进行事件，这里说的其实只是一小部分，也不是很值得写，但是今天遇到了还是写一下，毕竟基础还是蛮重要的，就算懂的童鞋，巩固一下也是好的.

focus事件包括focusin事件和focusout事件.

focusin事件指绑定focus事件之后触发焦点获取焦点的事件。

focusout事件指绑定focus事件之后触发焦点之后丢失焦点的同时触发的事件.

举个例子:

要求：

用户中心有姓名和年纪，输入姓名和年纪，如果没有输入且为空时，鼠标离开input时会有提示(文本提示).

HTML代码:

<div class="dom">

　　<input type="text" name="name" >  //姓名

</div>

<div class="dom">

　　<input type="text" name="ago" >   //年纪

</div>

<div class="result"></div>

CSS样式

。。。    //这里我就不写了，高宽什么的

JS代码：

//引入jq版本文件

var  inputText = {'name':'姓名','ago':'年纪'}    //赋予对应的值

$('.dom').focusout(inputText,function(event){

var inputCanshu = event.data;

var inputContent = $(this).children(":text");  //获取内容

var inputName = inputContent.attr("name");  //内容添加name值

var res= ' ';

if(!inputContent.val()){     //判断内容是否为空

res = inputCanshu[inputName]="不能为空！";   //调用参数数组的内容

}

$(".result").html(res);

});

 

其实运行起来也是挺容易的，多写几遍就懂了，随手写的。

人是铁饭是钢，一顿不吃饿得慌！