Javascript 防止默认不工作，不确定原因

我应该按enter键提交表格

我的代码在这方面不起作用，但在这方面起作用。 我真的不知道为什么，我想看看是否有人知道为什么。代码完全相同

var i = 0;
var allowed = /^[a-zA-Z0-9]+$/;

$('#form').submit(function(e) {
    var input = $('#t_input1').val();
    var ar = $('#t_input1').data('name');
    if (!allowed.test(input)) {
        alert("Name can have only letters and numbers.\n\n Names Already Submitted: " + ar.join(" , "));
        return false;
    } else {
        ar[i] = input;
        alert("Your name was successfully submitted\n\n Names Already Submitted: " + ar.join(" , "));
        i = i + 1;
        return false;
    }

})

---

您没有将

jQuery

包括在第一部分中，这就是为什么

$

无法解决或定义错误的原因

Second fiddle确实包含了

jQuery

，它正在按预期工作。

尝试下面的代码
当输入与您的正则表达式不匹配时，将进行验证，页面将无法提交。
如果（！allowed.test（input））{

---

它显示未定义的

$

。这意味着您没有在项目中包含

jQuery

。 在代码中添加

jQuery

Add 

    $('#form').submit(function(e){
e.preventDefault(); // Saves from Reloading of page
var input = $('#t_input1').val();
    var ar = $('#t_input1').data('name');
    if(!allowed.test(input)){
        alert("Name can have only letters and numbers.\n\n Names Already Submitted: "+ ar.join(" , "));
        return false;
    }else{
    ar[i]=  input;
            alert("Your name was successfully submitted\n\n Names Already Submitted: "+ ar.join(" , ") );
        i = i+1;
       return false;
    }
});

  $('#form').submit(function (e) {
          var input = $('#t_input1').val();
            var ar = $('#t_input1').data('name');
            if (!allowed.test(input)) {
                alert("Name can have only letters and numbers.\n\n Names Already Submitted: " + ar.join(" , "));
                e.preventDefault();
                return false;
            } else {
                ar[i] = input;
                alert("Your name was successfully submitted\n\n Names Already Submitted: " + ar.join(" , "));
                i = i + 1;
                return false;
            }
        })