else, если условие не работает в jquery

Question

Я использую регистрационную форму как всплывающее окно. Так что я проверяю форму с помощью jquery. При этом еще, если условие не работает. Я не знаю, в чем проблема ????

Script-Coding:

$(document).on('click', "#btnregister", function (e) { 
      e.preventDefault(); 

      var name = $("#name").val(); 
      var formemail = $("#email").val(); 
      var formreemail = $("#confirmemail").val(); 
      var email = $("#email").val(); 
      var confirmemail = $("#confirmemail").val(); 
      var emailRegex = "[A-Z0-9._%+-]+@@[A-Z0-9.-]+\.[A-Z]{2,6}$"; 

      if ($("#name").val() == "") { 
        $("#name").focus(); 
        $("#errorBox").html("Please fill YourName..."); 
      } else if ($("#email").val() == "") { 
        $("#email").focus(); 
        $("#errorBox").html("Please fill YourEmail..."); 

      } else if ($(name != '' && email != '' && confirmemail != '')) { 
       $("#errorBox").html("...ThankYou for Your Registration!..") 
      } 
      var url = $(this).attr('data-url'); 

      $.ajax({ 
       type: 'POST', 
       url: url, 
       data: $('#formRegister').serialize(), 
       success: function (data) { 
        $('#widgetContainer1').html(data); 
        $('#widgetModal1').modal('show'); 
        $.validator.unobtrusive.parse('#widgetContainer1'); 

       } 


      }); 

     }); 

Answer 1

1. ваше регулярное выражение неправильно - это нужно// и не кавычки, как в
   var emailRegex = /[A-Z0-9._%+-]+@@[A-Z0-9.-]+\.[A-Z]{2,6}$/;

2. вам нужно не АЯКС, если есть ошибки и не поблагодарить их до достижения успеха

3. Я бы взял событие отправки, а не кнопку

$(function() { 
 
    $("#regform").on("submit", function(e) { 
 
    e.preventDefault(); 
 

 
    var name = $("#name").val(); 
 
    var formemail = $("#email").val(); 
 
    var formreemail = $("#confirmemail").val(); 
 
    var email = $("#email").val(); 
 
    var confirmemail = $("#confirmemail").val(); 
 
    var emailRegex = /[A-Z0-9._%+-]+@@[A-Z0-9.-]+\.[A-Z]{2,6}$/; 
 
    if ($("#name").val() == "") { 
 
     $("#name").focus(); 
 
     $("#errorBox").html("Please fill your name...<br/>"); 
 
    } else if ($("#email").val() == "") { 
 
     $("#email").focus(); 
 
     $("#errorBox").html("Please fill your email...<br/>"); 
 
    } else if (!emailRegex.test(formemail)) { 
 
     $("#email").focus(); 
 
     $("#errorBox").html("Please fill a valid email...<br/>"); 
 
    } else if ($('#confirmemail').val() == "") { 
 
     $("#confirmemail").focus(); 
 
     $("#errorBox").html("Please confirm your email...<br/>"); 
 
    } else if (!emailRegex.test(formreemail)) { 
 
     $("#confirmemail").focus(); 
 
     $("#errorBox").html("Please fill the valid email in confirm field... "); 
 
    } else if (confirmemail != email) { 
 
     $("#confirmemail").focus(); 
 
     $("#errorBox").html("Emails are not matching, Please re-enter again...<br/>"); 
 
    } else if ($(name != '' && email != '' && confirmemail != '')) { 
 
     var url = $(this).attr('data-url'); 
 
     $.ajax({ 
 
     type: 'POST', 
 
     url: url, 
 
     data: $('#formRegister').serialize(), 
 
     success: function(data) { 
 
      $('#widgetContainer1').html(data); 
 
      $('#widgetModal1').modal('show'); 
 
      $.validator.unobtrusive.parse('#widgetContainer1'); 
 
      $("#errorBox").html("...Thank you for your registration!..<br/>") 
 
     } 
 
     }); 
 
    } 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<form id="regform"> 
 
    Name: 
 
    <input id="name" value="" /> 
 
    <br/>Email: 
 
    <input id="email" value="" /> 
 
    <br/>Confirm: 
 
    <input id="confirmemail" value="" /> 
 
    <br/> 
 
    <input type="submit" /> 
 
    <div id="errorBox"></div>