最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

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

来源:动视网 责编:小采 时间:2020-11-27 20:18:33
文档

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

jquery失去焦点事件了blur的示例代码分享:在jquery中失去焦点 事件我们只要使用blur来绑定就可以了,这样我们可以实时监控到输入框的blur动作了。一个监制text事件$(function () { $(':text').blur(function () { if ($.trim($(this).val())==''
推荐度:
导读jquery失去焦点事件了blur的示例代码分享:在jquery中失去焦点 事件我们只要使用blur来绑定就可以了,这样我们可以实时监控到输入框的blur动作了。一个监制text事件$(function () { $(':text').blur(function () { if ($.trim($(this).val())==''


在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的示例代码分享

jquery失去焦点事件了blur的示例代码分享:在jquery中失去焦点 事件我们只要使用blur来绑定就可以了,这样我们可以实时监控到输入框的blur动作了。一个监制text事件$(function () { $(':text').blur(function () { if ($.trim($(this).val())==''
推荐度:
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top