자바 온라인 도서 쇼핑 몰(1)사용자 모듈

본 논문 의 사례 는 자바 인터넷 도서 상점 user 모듈 코드 를 공유 하여 여러분 께 참고 하 시기 바 랍 니 다.구체 적 인 내용 은 다음 과 같 습 니 다.
효과 그림:

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());
}

이상 이 바로 본 고의 모든 내용 입 니 다.여러분 의 학습 에 도움 이 되 고 저 희 를 많이 응원 해 주 셨 으 면 좋 겠 습 니 다.

좋은 웹페이지 즐겨찾기