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

除了您应该使用返回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;
        }
    });
});