javascript - 使用正则表达式的 JSFiddle 基本表单验证不起作用

Question

https://jsfiddle.net/gzLeLjmb/

出于某种原因，JSFiddle 抛出一个错误，我不知道为什么？我只是想用正则表达式验证一个人名的输入。

$("document").ready(function() {
  function validateForm() {
    var userName = $("input[name=userName]").val();
    var subject = $("input[name=subject]").val();
    var message = $("input[name=message]").val();

    if (/^[a-zA-Z ]{2,30}$/.test(userName)) {
      alert("Your name is in the correct format");
    } else {
      alert("Your name can't contain numbers or other characters etc.");
    }
  }
})

Answer 1

我觉得一切都很好，除了你应该使用 return false 来阻止表单提交 formData。

还建议将 javascript 逻辑与 html 分开。

$("document").ready(function(){
    $('form').on('submit', function() {
        var userName = $("input[name=userName]").val();
        var subject = $("input[name=subject]").val();
        var message = $("input[name=message]").val();
        if (/^[a-zA-Z ]{2,30}$/.test(userName)) {
             alert("Your name is in the correct format");
        }
        else{
            alert("Your name can't contain numbers or other characters etc.");
            return false;
        }
    });
});