AJAX 提交前的 JavaScript 验证

Question

我试图在允许我的 ajax 提交之前验证表单，但是我有两个问题。第一个问题是我不知道如何在提交前最好地进行验证(最专业的流程)。第二个问题是，是什么阻止了我目前使用的验证码？希望变得更有效率，因此欢迎所有意见。非常感谢。

 $('#form-reg').on('submit', function(){

     var bool = false;
     var name = document.getElementById('#name-reg');
     var email = document.getElementById('#email-reg');

     console.log(name);
     console.log(email);
     if(!/[^a-zA-Z]/.test(name)){
       bool = true;
     }
     else{
       bool = false;
     }
     if(bool == true){
        console.log(document.getElementById('#name-reg'));
        $('#form-reg').slideUp('slow');
        // serialize the form
        var formData = $(this).serialize();
        console.log(formData);
        $.ajax({
            type        : 'POST',
            url         : 'register.php',
            data        : formData,

            success: function() {
              alert("Success");
            },
             error: function(xhr) {
              alert("fail");
            }
        })
        .done(function (data) {
              document.getElementById('form-reg').reset();

        })
        .fail(function (error) {
            alert("POST failed");
        });
        //return false;
      }
      else {
        alert('try again');
      }
  });

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js" type="text/javascript">

  <form id = "form-reg">
      <label id ="x" for="name">Name</label>
      <input id="name-reg" name="name"></br>
      <label id = "y" for="email">Email</label>
      <input id="email-reg" name="email"></br>
      <input type="submit" value="submit" id = "submit-reg">
    </form>

Answer 1

您的代码的问题是您必须停止表单提交，例如:

$('#form-reg').on('submit', function(e){
  e.preventDefault();

检查验证后，如果验证成功，则提交表单。