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

原创 2015年11月17日 16:31:50

js---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

// 失去焦点

$("#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);
}
}
});

});


//获得焦点

$("#login_username").focus(function() {
hideError(login_userNameError);
});


//显示与隐藏

function showError(jqId, msg) {
$(jqId).html(msg);
$(jqId).show();
}


// 隐藏错误信息
function hideError(jqId) {
$(jqId).hide();
}



jsp中---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

<div class="form-group">
<label for="login_username" class="col-sm-3 control-label">登录账号</label>
<div class="col-sm-9">
<input type="text" id="login_username" class="form-control"
name="loginname" placeholder="登录账号">
<span id="login_userNameError" style="color:red;display:none" class="error"></span>
</div>
</div>

版权声明:本文为博主原创文章,未经博主允许不得转载。

用户名失去焦点ajax请求后台,页面以下拉列表的形式展示相应的数据

function test1(){         takeSites();     };     window.onload=function(){         setTimeout("test...
  • wzh_csdn
  • wzh_csdn
  • 2015年07月10日 09:11
  • 587

ajax的触发问题

使用button,input type="submit"触发ajax和使用a标签触发是不同的,前者要刷新页面而后者不刷新。现在突然有个想法,还没来得及去试,ajax的触发由js【jquery】去获取相...
  • yangbo2921946188
  • yangbo2921946188
  • 2015年08月30日 19:00
  • 670

表单验证用onblur(失去焦点事件)实现

function check(name,reg,spanId,okInfo,errorInfo){ var flag; var val = document.getElements...
  • qq_17632417
  • qq_17632417
  • 2015年07月15日 00:21
  • 6979

jsp+ajax实现无刷新鼠标离开文本框即验证用户名

欢迎大牛提意见 jsp+ajax实现无刷新,鼠标离开文本框即验证用户名,操作如下:新建一个输入页面,起名为input.jsp, [java] jsp...
  • qianquan3
  • qianquan3
  • 2014年06月05日 20:07
  • 1707

如何使用ajax

1、ajax的概念 ajax在2005年推出,到至今一直被广泛的是使用,ajax不是语言,而是一门能不需要重新加载页面,能够部分更新页面的一种强大的技术,它包含了七中技术分别是javascript、...
  • qq_37252374
  • qq_37252374
  • 2017年03月22日 19:58
  • 700

jquery失去焦点与获取焦点事件blur() focus()

对于元素的焦点事件,我们可以使用jQuery的焦点函数focus(),blur()。 focus():得到焦点时使用,和javascript中的onfocus使用方法相同。 如:  ...
  • ganfengguang
  • ganfengguang
  • 2015年08月31日 10:20
  • 18680

Jquery的模拟事件,input模拟focus

常用模拟 有时候,需要通过模拟用户操作,来达到单击的效果。例如在用户进入页面后,就触发click事件,而不需要用户去主动单击。 在JQuery中,可以使用trigger()方法完成模拟操作...
  • StarsInSun
  • StarsInSun
  • 2014年08月14日 09:34
  • 2536

jquery.validate失去焦点时就验证

1.onfocusout   失去焦点时验证 $("#form").validate({ onfocusout: function(element) { $(element).vali...
  • u012499210
  • u012499210
  • 2016年06月29日 21:00
  • 4966

jquery.validate失去焦点时就验证

1.onfocusout   失去焦点时验证 [javascript] view plain copy $("#form").validate({ ...
  • ITzhongzi
  • ITzhongzi
  • 2017年06月06日 15:10
  • 432

jquery input失去焦点时触发

$('#EndTime').blur(function () { alert($(this).val()); });
  • w200221626
  • w200221626
  • 2016年11月09日 17:17
  • 6573
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:jquery实现触发、失去焦点操作并执行ajax操作
举报原因:
原因补充:

(最多只允许输入30个字)