javascript - 返回 false 或 e.preventdefault 不起作用

Question

我有一个带有一个文本框的表单，我在下面的脚本中给出了 50 个字符的限制

工作正常。

但是当我单击“提交”时，它将在显示警报消息后提交不应该提交

function charLimit(e) {
    var value = $("#concept_name").val();
    if(value.length > 50){
      alert("Maximum limit is 50 character");
      return false;
    }else{
      return true;
     } 
<%= f.text_area :name, rows:1 , :required => true, :onkeypress=> "charLimit()" %>

<button type="submit" onclick="charLimit()">submit</button>

请帮我找出脚本中的问题。

Answer 1

切勿将 onclick 与按钮声明一起使用，因为它就像紧密耦合的编码标准。相反，这样做:

<button type="submit" id="submitBtn">submit</button>

$("#submitBtn").on('click',function(event){

    var value = $("#concept_name").val();

    if(value.length > 50){
       alert("Maximum limit is 50 character");
       event.preventDefault();
    }

});