天天看點

ajax 失去焦點驗證,jQuery 與 AJAX 實作失去焦點驗證使用者名是否合格

JSP頁面

οnmοuseοver="currentcolor=this.style.backgroundColor;this.style.backgroundColor='#f0f7ff'"

οnmοuseοut="this.style.backgroundColor=currentcolor">

使用者名 * 真實姓名 *

JSP頁面上調用AJAX方法

//驗證使用者名是否存在

function isExist(nameLc){

var url_check = "aaaa.action?name="+nameLc;

$.ajax({

type: "POST",

url: url_check,

dataType: "text",

success: function(result){

if(result==1){

document.getElementById("checkResult").innerHTML="使用者已經存在請重新輸入!";

}else if(result == 0){

document.getElementById("checkResult").innerHTML="使用者可以使用!";

}else{

document.getElementById("checkResult").innerHTML="使用者不能為空!";

}

}

});

}

action中 方法:

public String aaaa(){

int result = 0 ;

String name = get("name").toString();

name = name.replaceAll(" ", "");

System.out.println(" aaaa name-->"+name);

if("".equals(name)){

result = 2;

}else{

if(this.ocs.isExsitUserName(name)){

result = 1;

}else{

result = 0;

}

}

HttpServletResponse response = ServletActionContext.getResponse();

PrintWriter out = null;

response.setContentType("text/xml;charset=UTF-8");

try {

out = response.getWriter();

out.print(result);

System.out.println(result);

} catch (IOException e) {

// TODO Auto-generated catch block

e.printStackTrace();

}

return null;

}

這裡是JQUERY和AJAX方法合作實作異步驗證

ajax例子:稽核驗證使用者名;登入界面

稽核驗證使用者名首頁面:

使用者名:

AJAX實作無重新整理驗證使用者名

register.php

利用jQuery實作的Ajax 驗證使用者名是否存在

異步重新整理實作方式有多種,也可以借助JS的多種架構,下面是使用jQuery架構實作的AJAX 驗證使用者名是否存在 jQuery.ajax概述 HTTP 請求加載遠端資料. 通過jQuery 底層 AJA ...

基于jQuery實作的Ajax 驗證使用者名唯一性

基于jQuery實作的Ajax 驗證使用者名唯一性 前端jsp頁面代碼

...

11月10日上午ajax基礎知識、用ajax做登入頁面、用ajax驗證使用者名是否可用、ajax動态調用資料庫

1.ajax的基礎知識 ajax是結合了jquery.php等幾種技術延伸出來的綜合運用的技術,不是新的内容.ajax也是寫在标簽裡面的. 如果使用ajax一定是要有1個處 ...

利用jQuery和Ajax實作檢測使用者名是否已經被注冊

這是一個jQuery和Ajax的很基礎的應用,是我出去面試時的一個面試題.當時腦子有點懵想了好久才知道該怎麼去實作,現在回來再看了下書好好總結一下這個東西. 首先建立一個html檔案,隻有簡單的幾行代 ...

ajax基礎知識、用ajax做登入頁面、用ajax驗證使用者名是否可用、ajax動态調用資料庫

1.ajax的基礎知識 ajax是結合了jquery.php等幾種技術延伸出來的綜合運用的技術,不是新的内容.ajax也是寫在标簽裡面的. 如果使用ajax一定是要有1個處 ...

使用PHP中的ajax做登入頁面、驗證使用者名是否可用、動态調用資料庫

1.ajax的基礎知識 ajax是結合了jquery.php等幾種技術延伸出來的綜合運用的技術,不是新的内容.ajax也是寫在标簽裡面的. 如果使用ajax一定是要有1個處 ...

随機推薦

Android Button的基本使用

title: Android Button的基本使用 tags: Button,按鈕 --- Button介紹: Button(按鈕)繼承自TextView,在Android開發中,Button是常用 ...

HDU 2577 How to Type(dp題)

題目連結:http://acm.hdu.edu.cn/showproblem.php?pid=2577 解題報告:有一個長度在100以内的字元串,并且這個字元串隻有大寫和小寫字母組成,現在要把這些字元 ...

解決tomcat一閃而過問題

環境:      jdk 1.8.0.91           windows2003           tomcat8.0 故障現象:啟動tomcat 時, 一閃而過 排障步驟: a) 首先是要調 ...

Namespace, string, vector and array

1. Headers should not include using declaration Code inside headers ordinarily should not include us ...

JAVA程式員面試寶典

程式員面試之葵花寶典 面向對象的特征有哪些方面    1. 抽象:抽象就是忽略一個主題中與目前目标2. 無關的那些方面,3. 以便更充分地注意與目前目标4. 有關的方面.抽象并不5. 打算了解全部問題 ...

php普通傳值和引用傳值 (相當通俗易懂的一篇講解)

首先,要了解變量名存儲在記憶體棧中,它是指向堆中具體記憶體的位址,通過變量名查找堆中的記憶體; 普通傳值,傳值以後,是不同的位址名稱,指向不同的記憶體實體; 引用傳值,傳引用後,是不同的位址名稱,但都指向同一 ...

Codeforces.666E.Forensic Examination(廣義字尾自動機 線段樹合并)

題目連結 \(Description\) 給定串\(S\)和\(m\)個串\(T_i\).\(Q\)次詢問,每次詢問\(l,r,p_l,p_r\),求\(S[p_l\sim p_r]\)在\(T_l\ ...

VS2015 ionic 開發環境配置紀要

1)第一次安裝Tools for Apache Cordova不成功,到Options檢查依賴項,缺少Node等,重新下載下傳了32為的nodeJs安裝.然後運作VS安裝程式,解除安裝Tools for Ap ...

Unable to load the Wrapper's native library because none of the following files及解決方法

在有幾個應用中,在啟動的時候發現下列警告: The version of the script (3.5.29) doesn't match the version of this Wrapper ( ...

《WAP》團隊第三次作業--團隊項目的原型設計與開發

一· 目 錄 第一部分 · 結 對 成 員 明 細 第二部分 · NABCD 模 型 第三部分 · 原 型 設 計 第四部分 · P S P  第五部分 · 結 對 過 程 第六部分 · 心 得 總 ...