jQuery异步验证用户名是否存在示例代码


Posted in Javascript onMay 21, 2014

现在有个需求就是异步验证用户名是否存在。用的技术是jQuery异步验证和struts2(其实springMVC也是一样的道理,都只是一个控制器).

表单:

<input class="width150" maxlength="32" type="text" id="dept_name" name="dept.dept_name" 
value="${dept.dept_name}" onchange="tocheckname()"/>

js代码:
function tocheckname() 
{ 
var deptName= $("#dept_name").val(); 
$.ajax({ 
type:"POST", 
cache:false, 
url : "${rootPath}/dept/checkdeptname.htm", 
dataType : "text", 
data:{"dept.id":"${dept.id}","dept.dept_name":deptName}, 
async:false, 
success : function(data){ 
if(0<parseInt(data)){ 
alert("此科室已存在"); 
$("#dept_name").attr("value",""); 
$("#dept_name").focus(); 
} 
} 
}); 
}

后台的代码:
/** 
* 根据科室名称查询是否存在此科室 
* 
* @return 
* @throws Exception 
*/ 
public String checkdeptname() throws Exception { 
if (UtilAPI.isNull(dept)) { 
dept = new Dept(); 
} 
int count = this.deptService.checkdeptname(dept.getId(), dept.getDept_name()); //如果存在返回1,不存在返回0 
try { 
response.getOutputStream().print(count); 
} 
catch (IOException e) { 
e.printStackTrace(); 
} 
return Action.NONE; 
}
Javascript 相关文章推荐
jquery jqPlot API 中文使用教程(非常强大的图表工具)
Aug 15 Javascript
ExtJs使用总结(非常详细)
Mar 22 Javascript
node+express+ejs制作简单页面上手指南
Nov 26 Javascript
原生JS实现拖拽图片效果
Aug 27 Javascript
jquery文字填写自动高度的实现方法
Nov 07 Javascript
JS数字千分位格式化实现方法总结
Dec 16 Javascript
JS和canvas实现俄罗斯方块
Mar 14 Javascript
vue 计时器组件的实现代码
Sep 14 Javascript
详解vuex 渐进式教程实例代码
Nov 27 Javascript
cocos2dx+lua实现橡皮擦功能
Dec 20 Javascript
react组件从搭建脚手架到在npm发布的步骤实现
Jan 09 Javascript
在vue中created、mounted等方法使用小结
Jul 21 Javascript
jQuery取id有.的值的方法
May 21 #Javascript
jQuery判断复选框是否勾选的原理及示例
May 21 #Javascript
在页面加载完成后通过jquery给多个span赋值
May 21 #Javascript
JS 弹出层 定位至屏幕居中示例
May 21 #Javascript
Jquery实现的角色左右选择特效
May 21 #Javascript
jquery $.trim()方法使用介绍
May 21 #Javascript
JS控制输入框内字符串长度
May 21 #Javascript
You might like
PHP与SQL注入攻击[一]
2007/04/17 PHP
php5.3后静态绑定用法详解
2016/11/11 PHP
php 一维数组的循环遍历实现代码
2017/04/10 PHP
Javascript结合css实现网页换肤功能
2009/11/02 Javascript
JavaScript 滚轮事件使用说明
2010/03/07 Javascript
javascript中检测变量的类型的代码
2010/12/28 Javascript
javascript列表框操作函数集合汇总
2013/11/28 Javascript
jQuery中has()方法用法实例
2015/01/06 Javascript
Javascript代码实现仿实例化类
2015/04/03 Javascript
jquery实现隐藏在左侧的弹性弹出菜单效果
2015/09/18 Javascript
Jquery 垂直多级手风琴菜单附源码下载
2015/11/17 Javascript
js实现兼容IE、Firefox的图片缩放代码
2015/12/08 Javascript
详解使用Vue.Js结合Jquery Ajax加载数据的两种方式
2017/01/10 Javascript
angularjs下拉框空白的解决办法
2017/06/20 Javascript
详解基于node的前端项目编译时内存溢出问题
2017/08/01 Javascript
three.js实现3D模型展示的示例代码
2017/12/31 Javascript
JS实现常见的查找、排序、去重算法示例
2018/05/21 Javascript
详解React 的几种条件渲染以及选择
2018/10/23 Javascript
webpack4+express+mongodb+vue实现增删改查的示例
2018/11/08 Javascript
vue实现随机验证码功能的实例代码
2019/04/30 Javascript
有趣的JavaScript隐式类型转换操作实例分析
2020/05/02 Javascript
使用django-suit为django 1.7 admin后台添加模板
2014/11/18 Python
Python中turtle作图示例
2017/11/15 Python
单利模式及python实现方式详解
2018/03/20 Python
python 删除列表里所有空格项的方法总结
2018/04/18 Python
Python实现快速傅里叶变换的方法(FFT)
2018/07/21 Python
python如何爬取网站数据并进行数据可视化
2019/07/08 Python
python文件绝对路径写法介绍(windows)
2019/12/25 Python
HTML5自定义属性的问题分析
2019/08/16 HTML / CSS
三星印度官网:Samsung印度
2019/08/03 全球购物
Ajax实现页面无刷新留言效果
2021/03/24 Javascript
2014自荐信的写作技巧
2014/01/28 职场文书
投标单位介绍信
2015/05/05 职场文书
签证工作证明模板
2015/06/15 职场文书
廉洁自律承诺书2016
2016/03/25 职场文书
threejs太阳光与阴影效果实例代码
2022/04/05 Javascript