使用正則表達式的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;
        }
    });
});