用户名样式处理========================
$(this).css("border","2px #00ccff solid");
var spanEmail = "
请输入正确用户名 12) {
$(this).css("border","2px red solid");
$(this).parent().parent().find("td.span").remove();
var span = " | 密码长度必须为6位到12位之间!用户名验证=================================
function GetUserName() {
$(".td1 input").blur(function () {
//非空验证
if ($(this).val == "") {
$(this).css("border","2px red solid");
$(this).parent().parent().find("td.span").remove();
var span = " | 用户名邮箱不能为空!用户名长度的验证
else if ($(this).length < 4 || $(this).length > 20) {
$(this).css("border","2px red solid");
$(this).parent().parent().find("td.span").remove();
var spanxEmail = " | 用户名格式不对，只能输入4-20字符!用户名格式验证通过
else {
$(this).css("border","2px #cccccc solid");
$(this).parent().parent().find("td.span").remove();
var spanUserName = " | 用户名格式通过!用户名
var userPwd = $("td.td2 input").val(); //密码
var userRepass = $("td.td3 input").val(); //确认密码
var email = $("td.td4 input").val(); //邮箱
GetAjax(userName,userPwd,userRepass,email);
}
});
function GetAjax(userName,email) {
var json = [{ "userName": userName,"userPwd": userPwd,"userRepass": userRepass,"email": email}];
$.post("ProcessResult.aspx?jon=" + json,function (data) {
if (data == "false") {
alert("用户名重复了，请重新输入!");
} else if (data == "ok") {
alert("注册成功!");
} else {
alert("对不起，你的输入有误,请检查输入");
}
})
}
});
5,实现如下效果:
我没有实现后台JQuery校验，下次有机会一并补上，这次先写到这里，只实现纯前端的效果。
关于使用JQuery实现智能表单验证功能的相关知识就给大家介绍到这里，希望对大家有所帮助！ 原文链接：https://www.f2er.com/jquery/49769.html
| 
