jquery失去焦点事件了blur的示例代码分享

来源：3d科技网

在jquery中失去焦点事件我们只要使用blur来绑定就可以了，这样我们可以实时监控到输入框的blur动作了。

一个监制text事件

$(function () {
$(':text').blur(function () {
if ($.trim($(this).val())=='') {
$(this).css('border', 'red');
} else {
$(this).css('border','white');
}
});
});

实例

<script src="Scripts/jquery-1.4.1.js" type="text/javascript"></script>
 <script language="javascript" type="text/javascript">
 //失去焦点时判断(一个公用的方法，在文本框里写事件调用这个方法)
 function OnFousFun(element1, element2, text) {
 if ($(element1).val() == "" || $(element1).val() == text) {//输入框里值为空，或者为一些特定的文字时，都提示输入不能为空
 $(element2).html("输入不能为空");
 return false;
 }
 else {
 $(element2).html("");
 return true;
 }
 }
</script>

页面代码

<tr>
 <th>
 校长证件号码</th>
 <td>
 <asp:TextBox ID="txtCardID" runat="server" CssClass="formbox" TabIndex="1" MaxLength="50"
 Text='15位或18位' onblur="OnFousFun('#ContentPlaceHolder1_txtCardID','#ContentPlaceHolder1_Label1','15位或18位')">
 </asp:TextBox>
 <asp:Label ID="Label1" runat="server" ForeColor="Red"></asp:Label>
 </td>
 </tr>

说明：onblur是文本框失去焦点时的事件

显示全文

全部频道

jquery失去焦点事件了blur的示例代码分享