Contoh jquery yang mengesahkan sama ada format e-mel adalah correct_jquery

Mari kita lihat alamat e-mel yang tersedia:

Jika kita menilai setiap alamat e-mel satu demi satu, ia jelas mustahil.
Alamat e-mel Internet yang lengkap terdiri daripada dua bahagian berikut, dalam format berikut: Nama log masuk@nama hos.Nama domain
dipisahkan dengan simbol "@" yang bermaksud "di" (di" sebelah kiri simbol ialah nama log masuk pihak lain, dan sebelah kanan ialah nama hos yang lengkap, yang terdiri daripada nama hos dan nama domain. Antaranya, nama domain terdiri daripada beberapa bahagian, setiap bahagian dipanggil subdomain (Subdomain), dan setiap subdomain dipisahkan oleh titik "." Setiap subdomain akan memberitahu pengguna beberapa maklumat tentang pelayan mel ini.
Ungkapan biasa untuk pengesahan kunci: var myreg = /^([.a-zA-Z0-9_-]) @([a-zA-Z0-9_-]) (.[a-zA - Z0-9_-]) /;
Kotak input pengesahan:

 //验证邮箱
     function vailEmail(){
       var email = jQuery("#email").val();
       var flag = false;
       var message = "";
       var myreg = /^([\.a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+(\.[a-zA-Z0-9_-])+/; 
       if(email ==''){
         message = "邮箱不能为空！";
       }else if(!myreg.test(email)){
         message = "请输入有效的邮箱地址！";
       }else if(checkEmailIsExist()){
         message = "该邮箱地址已经被注册！";
       }else{
         flag = true;
       }
       if(!flag){
　　　　　　　　　　//错误提示
         //jQuery("#emailDiv").removeClass().addClass("ui-form-item has-error");
         // jQuery("#emailP").html("");
         //jQuery("#emailP").html("<i class=\"icon-error ui-margin-right10\"> <\/i>"+message);
         //jQuery("#email").focus();
       }else{
         //正确提示
         //jQuery("#emailDiv").removeClass().addClass("ui-form-item has-success");
         //jQuery("#emailP").html("");
         //jQuery("#emailP").html("<i class=\"icon-success ui-margin-right10\"> <\/i>该邮箱可用");
       }
       return flag;
     }

Tulis kaedah untuk mengesahkannya

 //验证邮箱是否存在
     function checkEmailIsExist(){
       var email = jQuery("#email").val();
       var flag = false;
       jQuery.ajax(
        { url: "checkEmail?t=" + (new Date()).getTime(),
          data:{email:email},
          dataType:"json",
             type:"GET",
             async:false,
             success:function(data) {
             var status = data.status;
             if(status == "1"){
               flag = true;
             }
           }
      });
      return flag;
     }

Pengendali latar belakang:

@RequestMapping(value = "/checkEmail", method = RequestMethod.GET)
  public void checkEmail(HttpServletRequest request,HttpServletResponse response) {
    
    Map<String, Object> map = new HashMap<String, Object>();
    try {
      String email = request.getParameter("email");
      
      String status = "0";
      //写查询语句，查询表里面是否存在该邮箱
      //UserBaseInfo userBaseInfo = userService.findUserByEmail(email); 
      //if(userBaseInfo!=null)status="1";
      map.put("status", status);
      
      String data = JSONObject.fromObject(map).toString();
     
      response.getWriter().print(data);
      response.getWriter().flush();
      response.getWriter().close();
    } catch (Exception ex) {
      
    }
  }

Di atas ialah kod contoh jquery untuk mengesahkan sama ada format e-mel adalah betul, menggunakan ungkapan biasa: var myreg = /^([.a-zA-Z0-9_-]) @([ a-zA -Z0-9_-]) (.[a-zA-Z0-9_-]) /;, anda boleh mencubanya.