修复Ajax问题并验证插件

Question

我使用带有规则和ajax的validate插件，但是单击提交按钮和validate插件后页面仅重新加载不起作用。 有谁知道如何解决它？

$(document).ready(function() {
  $("form[name='test']").validate({
    rules: {
      email: {
        required: true,
        email: true
      }
    },
    messages: {
      email: "Please enter a valid email address"
    },
    submitHandler: function(form) {
      $.ajax({
        type: "POST",
        url: 'action.php',
        data: $(form).serialize(),
        success: function(response) {
          var jsonData = JSON.parse(response);
          alert(jsonData.result);
        }
      });
      return false;
    }
  });
});

<script src="https://code.jquery.com/jquery-3.3.1.js" integrity="sha256-2Kok7MbOyxpgUVvAk/HJ2jigOSYS2auK4Pfzbm7uH60=" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/jquery.validation/1.15.1/jquery.validate.min.js"></script>

<form class='rd-mailform' method="post" id="myform" name="test">
  <div class="form-group"><label data-add-placeholder data-add-icon><input placeholder="Ваш Email" data-constraints="@Email" type="text" name="email"/></label></div>

  <div class="form-group btn-wr"><button class="btn-mailform" type="submit">Submit</button>
    <div class="mfInfo"></div>
  </div>
</form>