京东注册页面简单html代码,(模仿京东用户注册)用JQuery实现简单表单验证,初学者必看...

说明：

1. 代码中的js脚本文件路径需替换为自己的目录文件

2. 代码中加入了ajax验证账号是否存在

pageEncoding="UTF-8"%>

表单验证

font {

font-size: 10px;

}

.info {

color: #AAAAAA;

}

.errormsg {

color: #FF3030;

}

.errorinput {

border-color: #FF3030;

border-width: 1px;

}

.ok {

color: #32CD32;

}

//账号是否验证过

var accountIsChecked = false;

var accountIsOK = false;

var passwdIsOK = false;

var confirmpwdIsOK = false;

var phoneIsOK = false;

$(function() {

// 验证账号

$("#account").focus(function() {

focus_checkaccount();

}).keyup(

function() {

$("#accountmsg").text("支持中文、字母、数字组合").removeClass()

.addClass("info");

accountIsChecked = false;

}).blur(function() {

blur_checkaccount();

})

// 验证密码

$("#pwd").focus(function() {

$("#pwdmsg").text("建议使用数字和字母的组合").removeClass().addClass("info");

}).blur(function() {

blur_checkpwd();

blur_confirmpwd();

});

// 验证二次密码

$("#confirmpwd").focus(function() {

$("#confirmmsg