자바 온라인 도서 쇼핑 몰(1)사용자 모듈
효과 그림:
regist.js
$(function() {
/*
* 1. , 。 !
*/
$(".errorClass").each(function() {
showError($(this));// , showError
});
/*
* 2.
*/
$("#submitBtn").hover(
function() {
$("#submitBtn").attr("src", "/goods/images/regist2.jpg");
},
function() {
$("#submitBtn").attr("src", "/goods/images/regist1.jpg");
}
);
/*
* 3.
*/
$(".inputClass").focus(function() {
var labelId = $(this).attr("id") + "Error";// label id
$("#" + labelId).text("");// label !
showError($("#" + labelId));// label
});
/*
* 4.
*/
$(".inputClass").blur(function() {
var id = $(this).attr("id");// id
var funName = "validate" + id.substring(0,1).toUpperCase() + id.substring(1) + "()";//
eval(funName);//
});
/*
* 5.
*/
$("#registForm").submit(function() {
var bool = true;//
if(!validateLoginname()) {
bool = false;
}
if(!validateLoginpass()) {
bool = false;
}
if(!validateReloginpass()) {
bool = false;
}
if(!validateEmail()) {
bool = false;
}
if(!validateVerifyCode()) {
bool = false;
}
return bool;
});
});
/*
*
*/
function validateLoginname() {
var id = "loginname";
var value = $("#" + id).val();//
/*
* 1.
*/
if(!value) {
/*
* label
*
* label
*/
$("#" + id + "Error").text(" !");
showError($("#" + id + "Error"));
return false;
}
/*
* 2.
*/
if(value.length < 3 || value.length > 20) {
/*
* label
*
* label
*/
$("#" + id + "Error").text(" 3 ~ 20 !");
showError($("#" + id + "Error"));
false;
}
/*
* 3.
*/
$.ajax({
url:"/goods/UserServlet",// servlet
data:{method:"ajaxValidateLoginname", loginname:value},//
type:"POST",
dataType:"json",
async:false,// , , , 。
cache:false,
success:function(result) {
if(!result) {//
$("#" + id + "Error").text(" !");
showError($("#" + id + "Error"));
return false;
}
}
});
return true;
}
/*
*
*/
function validateLoginpass() {
var id = "loginpass";
var value = $("#" + id).val();//
/*
* 1.
*/
if(!value) {
/*
* label
*
* label
*/
$("#" + id + "Error").text(" !");
showError($("#" + id + "Error"));
return false;
}
/*
* 2.
*/
if(value.length < 3 || value.length > 20) {
/*
* label
*
* label
*/
$("#" + id + "Error").text(" 3 ~ 20 !");
showError($("#" + id + "Error"));
false;
}
return true;
}
/*
*
*/
function validateReloginpass() {
var id = "reloginpass";
var value = $("#" + id).val();//
/*
* 1.
*/
if(!value) {
/*
* label
*
* label
*/
$("#" + id + "Error").text(" !");
showError($("#" + id + "Error"));
return false;
}
/*
* 2.
*/
if(value != $("#loginpass").val()) {
/*
* label
*
* label
*/
$("#" + id + "Error").text(" !");
showError($("#" + id + "Error"));
false;
}
return true;
}
/*
* Email
*/
function validateEmail() {
var id = "email";
var value = $("#" + id).val();//
/*
* 1.
*/
if(!value) {
/*
* label
*
* label
*/
$("#" + id + "Error").text("Email !");
showError($("#" + id + "Error"));
return false;
}
/*
* 2. Email
*/
if(!/^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+((\.[a-zA-Z0-9_-]{2,3}){1,2})$/.test(value)) {
/*
* label
*
* label
*/
$("#" + id + "Error").text(" Email !");
showError($("#" + id + "Error"));
false;
}
/*
* 3.
*/
$.ajax({
url:"/goods/UserServlet",// servlet
data:{method:"ajaxValidateEmail", email:value},//
type:"POST",
dataType:"json",
async:false,// , , , 。
cache:false,
success:function(result) {
if(!result) {//
$("#" + id + "Error").text("Email !");
showError($("#" + id + "Error"));
return false;
}
}
});
return true;
}
/*
*
*/
function validateVerifyCode() {
var id = "verifyCode";
var value = $("#" + id).val();//
/*
* 1.
*/
if(!value) {
/*
* label
*
* label
*/
$("#" + id + "Error").text(" !");
showError($("#" + id + "Error"));
return false;
}
/*
* 2.
*/
if(value.length != 4) {
/*
* label
*
* label
*/
$("#" + id + "Error").text(" !");
showError($("#" + id + "Error"));
false;
}
/*
* 3.
*/
$.ajax({
url:"/goods/UserServlet",// servlet
data:{method:"ajaxValidateVerifyCode", verifyCode:value},//
type:"POST",
dataType:"json",
async:false,// , , , 。
cache:false,
success:function(result) {
if(!result) {//
$("#" + id + "Error").text(" !");
showError($("#" + id + "Error"));
return false;
}
}
});
return true;
}
/*
* , , !
*/
function showError(ele) {
var text = ele.text();//
if(!text) {//
ele.css("display", "none");//
} else {//
ele.css("display", "");//
}
}
/*
*
*/
function _hyz() {
/*
* 1. <img>
* 2. src
* 3.
*/
$("#imgVerifyCode").attr("src", "/goods/VerifyCodeServlet?a=" + new Date().getTime());
}
이상 이 바로 본 고의 모든 내용 입 니 다.여러분 의 학습 에 도움 이 되 고 저 희 를 많이 응원 해 주 셨 으 면 좋 겠 습 니 다.
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
Is Eclipse IDE dying?In 2014 the Eclipse IDE is the leading development environment for Java with a market share of approximately 65%. but ac...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.