国产探花免费观看_亚洲丰满少妇自慰呻吟_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ā)表
主站蜘蛛池模板: 博野县| 华宁县| 秀山| 越西县| 万安县| 怀集县| 石屏县| 韶关市| 竹溪县| 东安县| 汤原县| 伊宁市| 友谊县| 商都县| 隆德县| 芜湖县| 洪江市| 瑞昌市| 咸宁市| 比如县| 牙克石市| 长治县| 山西省| 红桥区| 芷江| 定安县| 武义县| 甘德县| 勃利县| 寿宁县| 淮阳县| 宜黄县| 湖南省| 瑞安市| 石屏县| 乡城县| 德兴市| 翁源县| 汽车| 翼城县| 尉犁县|