Ajax,设置默认焦点以及判断是否为空

时间:2022-12-28 17:07:16
<style type="text/css">
.tishi{
color: red;
}
</style>

  

<script type="text/javascript">
function getAjax(){
var xhr;
if(window.XMLHttpRequest){
xhr = new XMLHttpRequest();
} xhr.open("get", "getAjax03", true);
xhr.onreadystatechange = function(){
var jsonObj;
if(xhr.readyState==4){
jsonObj = JSON.parse(xhr.responseText);//可以将json字符串转换成json对象,用在前台js中。
alert("json对象:"+jsonObj);
alert("json字符串"+xhr.responseText);
alert("json字符串,使用stringify(jsonObj)"+JSON.stringify(jsonObj));//可以将json对象转换成json对符串 ,用在action中(java代码中)。
alert("姓名:"+jsonObj.name);
alert("性别:"+jsonObj.sex);
}
}
xhr.send(null);
}
function checkName(){
var xhr;
if(window.XMLHttpRequest){
xhr = new XMLHttpRequest();
}
xhr.open("get", "getAjax03?userName="+document.getElementById('userName').value+"", true);
var jsonObj;
var jsonStr;
var jiaoyan = document.getElementById("userName").value; //用于获取到输入框的值
var jiaodian = document.getElementById("userName");    //用于设置默认焦点,注意与上面一行的差别。
alert("jiaoyan:"+jiaoyan);
if(jiaoyan===""||jiaoyan===undefined){
alert("用户名不能为空");//判断是否为空;
jiaodian.focus();   //设置默认焦点,把默认焦点设置为注册用户名的input中。
}
xhr.onreadystatechange = function(){
if(xhr.readyState==4){
jsonStr = xhr.responseText;
alert("jsonStr:"+jsonStr);
jsonObj = JSON.parse(jsonStr);
var userName = jsonObj.userName;
document.getElementById("span").innerHTML=userName;
//注意上面的innerHTML属性,而不是.value属性,切记,给页面上的span标签设置值。
}
}
xhr.send(null);
} </script>

  

<body>
失去焦点值:<input type="text" onclick="getAjax()" id="a" /></br>
注册名:<input type="text" onblur="checkName()" id="userName" /><span class="tishi" id="span"></span></br>
密码:<input type="text" onblur="checkPassWord()" id="password" /></br> </body>

  下面是Java代码:

public class GetAjax03 extends HttpServlet{
@Override
protected void service(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
// TODO Auto-generated method stub
response.setCharacterEncoding("utf-8");
PrintWriter out = response.getWriter();
JSONObject jsonObj = new JSONObject();
jsonObj.put("name", "weiyongle");
jsonObj.put("sex", "nan");
System.out.println("jsonObj:"+jsonObj); String userName = request.getParameter("userName");
System.out.println("userName:"+userName);
if(userName.equals("weiyongle")){
jsonObj.put("userName", userName+"已经注册,请修改注册名");
}else{ jsonObj.put("userName", userName+"可以正常注册");
}
out.print(jsonObj);
System.out.println("jsonObj:"+jsonObj);
out.close();
}
}

  下面是web.xml

  <servlet>
<servlet-name>getAjax</servlet-name>
<servlet-class>com.wyl.web.GetAjax03</servlet-class>
</servlet> <servlet-mapping>
<servlet-name>getAjax</servlet-name>
<url-pattern>/getAjax03</url-pattern>
</servlet-mapping>

  

Ajax,设置默认焦点以及判断是否为空的更多相关文章

  1. ajax设置默认值ajaxSetup&lpar;&rpar;方法

    $(function(){ //设置全局 jQuery Ajax全局参数 $.ajaxSetup({ type:"POST", async:false, cache:false, ...

  2. winform中设置窗体的默认焦点

    winform的窗体中,有时候需要设置默认焦点,有时候需要取消默认焦点. 设置默认焦点,最简单的方法就是设置这个控件的tabIndex,例:textBox1.TabIndex = 0; 也可以在窗体事 ...

  3. winform 中设置窗体的默认焦点

    转载:http://www.cnblogs.com/weekzero/p/3504513.html winform的窗体中,有时候需要设置默认焦点,有时候需要取消默认焦点. 设置默认焦点,最简单的方法 ...

  4. JS判断内容为空方法总结

    HTML代码: 用户名:<input type="text" id="username"> <p style="color:red& ...

  5. winform窗口打开后文本框的默认焦点设置

    原文:http://blog.csdn.net/kongwei521/article/details/6871411 winform窗口打开后文本框的默认焦点设置,进入窗口后默认聚焦到某个文本框,两种 ...

  6. c&num; winform 设置winform进入窗口后在文本框里的默认焦点

    c# winform 设置winform进入窗口后在文本框里的默认焦点 进入窗口后默认聚焦到某个文本框,两种方法: ①设置tabindex 把该文本框属性里的tabIndex设为0,焦点就默认在这个文 ...

  7. delphi 设置默认控件得到焦点

    如果同一窗体有多个按钮的话,追踪源码发现最后是taborder来的 如: 在空白窗体上拖入两个button (btn1,btn2) 如果在btn2设置default = True 运行后,默认焦点还是 ...

  8. Winform 判断打印机是否可用,实现设置默认打印机功能

    Winform 判断打印机是否可用,实现设置默认打印机功能 http://www.cnblogs.com/zfanlong1314/p/3878563.html

  9. Winform给TextBox设置默认值

    Winform给TextBox设置默认值(获取焦点后默认值消失) 主要是通过TextBox的获取焦点Enter和失去焦点Leave两个事件来实现的, 思路如下: 1.设置一个字符串常量,作为TextB ...

随机推荐

  1. 我将系统从Windows迁移至Linux下的点点滴滴

    一.写在最前 由于本人的技术水平有限,难免会出现错误.本文对任何一个人有帮助都是我莫大的荣幸,任何一个大神对我的点拨,我都会感激不尽. 二.技术选型 在2013年8月低的时候,公司中了XXX市场监督局 ...

  2. Linux添加开机启动命令

    1.vi /etc/rc.d/rc.local 添加要启动的命令 如: service php-fpm start  //这样,开机就自动启动了php扩展 2. crontab -e   //是写定时 ...

  3. myeclipse快捷键

    转: 当时我看到struts2讲解视频的时候,讲解员居然能一下子注释掉好几行代码,而且注释的很整齐,然我大吃一惊,上网搜了下Myeclipse的快捷键还真多选择你要注释的那一行或多行代码,按Ctrl+ ...

  4. 解决&lt&semi;a&gt&semi;文本本身带下划线和超链接下划线重合的问题

    <a style="padding-bottom: 1PX;border-bottom: 1PX #254fc5 solid;text-decoration: none;"& ...

  5. SVEditor 1&period;3&period;6 发布

    SVEditor 1.3.6 支持代码高亮时没有处理 #ifdefs 语句的问题,支持类.接口.模块.任务和函数的代码折叠,修复了一些 bug. SVEditor 是一个Eclipse的插件,用来编辑 ...

  6. thinking in object pool

    1.背景 对象池为了避免频繁创建耗时或耗资源的大对象,事先在对象池中创建好一定数量的大对象,然后尽量复用对象池中的对象,用户用完大对象之后放回对象池. 2.问题 目前纵观主流语言的实现方式无外乎3个步 ...

  7. OpenJudge 2810&lpar;1543&rpar; 完美立方 &sol; Poj 1543 Perfect Cubes

    1.链接地址: http://bailian.openjudge.cn/practice/2810/ http://bailian.openjudge.cn/practice/1543/ http:/ ...

  8. rpmbuild构建包时的宏定义的赋值

    rpmbuild -bb  SPECS/git.spec --define="_topdir `pwd`" rpmbuild --rebuild  SRPMS/git.src.rp ...

  9. impdp导入dmp数据实例

    --创建表空间 create tablespace ALIX datafile 'F:\File\ALIX.ora' size 1000m; --创建数据库目录 create directory ex ...

  10. goland scope pattern 设置

    有时候想要排除掉所有的 _test.go 文件去看工程,做如下设置: pattern里面填写: !file[*]:*_test.go