国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁(yè) > 開發(fā) > AJAX > 正文

Ajax 表單驗(yàn)證 實(shí)現(xiàn)代碼

2024-09-01 08:31:41
字體:
來(lái)源:轉(zhuǎn)載
供稿:網(wǎng)友
最近做了一個(gè)項(xiàng)目中的登錄注冊(cè)模塊,大部分功能從一個(gè)網(wǎng)站里扣出來(lái)的,部分功能自己修改,自認(rèn)為還是有點(diǎn)人性化的

兼容: opera 9.6 + chrome 2.0 + FF 3 + IE 6
效果:一邊輸入一邊實(shí)現(xiàn)驗(yàn)證

Ajax 表單驗(yàn)證 實(shí)現(xiàn)代碼</div>
<script type="text/javascript">
$("js_support").style.display = "block";
</script>


通過(guò)javascript的onfocus和onkeyup實(shí)現(xiàn)監(jiān)聽表單域:
<input type="text" onfocus="checkLogin(this);" onkeyup="checkLogin(this);" />
ajax的自動(dòng)驗(yàn)證:其中用到一個(gè)bp.js,是已經(jīng)封裝好的xmlhttprequest對(duì)象的,可以到我下面的項(xiàng)目中下載到

復(fù)制代碼 代碼如下:


function checkLogin(node) {
clearError();
if (bp.String.trim(node.value)!="") {
var url = "/test/response_validate";
var params = [];
params["command"] = "logincheck";
params["login"] = encodeURI(bp.String.trim(node.value));
var v = validatePath("login",params["login"]);
if (v==""){
bp.Io.XhrGet({
url: url,
mimeType: "text/json",
params: params,
load: function(type, data, e) {
if (data==true){
loginError = document.getElementById("valstatus").innerHTML = '登錄名已存在';
document.getElementById("loginValidate").className = "icon_cross";
node.className = "input_error";
loginValid = false;
} else {
loginError = "";
document.getElementById("loginValidate").className = "icon_ok";
node.className = "textbox";
loginValid = true;
}
},
error: function(type, data, e) {}
});
} else {
loginError = document.getElementById("valstatus").innerHTML = v;
document.getElementById("loginValidate").className = "icon_cross";
node.className = "input_error";
loginValid = false
}
} else {
loginError = validatePath("login", "");
document.getElementById("loginValidate").className = "";
node.className = "textbox";
}
}


后臺(tái):
這個(gè)是rails的后臺(tái),通過(guò)render :partial返回?cái)?shù)據(jù)給客戶端,當(dāng)然可以是任何平臺(tái)下的,例如java平臺(tái)下的可以用servlet的out.println(...)返回

復(fù)制代碼 代碼如下:


def response_validate
if params[:login]
name = params[:login]
puts name
if name == "aaaaaa"
@value = true
render :partial => 'show_info'
else
@value = false
render :partial => 'show_info'
end
end
end


完整源碼下載:
jsvalidate.rar
發(fā)表評(píng)論 共有條評(píng)論
用戶名: 密碼:
驗(yàn)證碼: 匿名發(fā)表
主站蜘蛛池模板: 潜山县| 扶沟县| 鸡泽县| 临沂市| 饶河县| 若尔盖县| 永平县| 铜梁县| 买车| 仙游县| 万盛区| 婺源县| 榆中县| 花莲市| 武安市| 博客| 溆浦县| 内江市| 衢州市| 乌审旗| 温宿县| 西林县| 隆尧县| 临颍县| 北票市| 盐津县| 北川| 拉萨市| 丰顺县| 富顺县| 锦州市| 合肥市| 苏尼特左旗| 建阳市| 巨野县| 衡山县| 阿图什市| 章丘市| 瑞昌市| 遂宁市| 云霄县|