前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >JQuery实现触发、失去焦点操作并执行ajax操作

JQuery实现触发、失去焦点操作并执行ajax操作

作者头像
浩Coding
发布2019-07-03 15:49:14
2.9K0
发布2019-07-03 15:49:14
举报
文章被收录于专栏:浩Coding浩Coding

失去焦点事件:

代码语言:javascript
复制
$("#login_username").blur() 

例子全文:

代码语言:javascript
复制
// 失去焦点
$("#login_username").blur(function() {
var login_username = $("#login_username").val();

//ajax
$.ajax({
url : rootUrl + "/user/vtloginname",
data : {
loginname : login_username
},
success : function(result) {
if (!result.success) {
valid = false;
showError(login_userNameError, '*' + result.msg);
}
}
});
});

获得焦点事件:

代码语言:javascript
复制
$("#login_username").focus()

例子全文:

代码语言:javascript
复制
//获得焦点
$("#login_username").focus(function() {
hideError(login_userNameError);
});

显示与隐藏

代码语言:javascript
复制
//显示与隐藏
function showError(jqId, msg) {
$(jqId).html(msg);
$(jqId).show();
}

隐藏错误信息:

代码语言:javascript
复制
// 隐藏错误信息
function hideError(jqId) {
$(jqId).hide();
}
本文参与 腾讯云自媒体分享计划,分享自微信公众号。
原始发表:2019-06-07,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 浩Coding 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档