使用Jquery而不使用validate.js文件驗證表單

Question

我正在嘗試使用jquery進行驗證。 但是不知道我在哪里做錯了。 下面是我的代碼。 請幫忙。

<script type="text/javascript">
$(document).ready(function() {
    alert("ready");
})
$("#myForm").validate({
    rules: {
        txt: {
            required: true,
            minLength: 2,
        }
    },
    messages: {
        txt: {
            required: "Enter your text",
            minLength: "At least 2 characters are necessary",
        }
    }
});
</script>
<form action="" id="myForm">
    <p>
        <input type="text" id="txt" placeholder="Input" />
    </p>
    <p>
        <input type="submit" id="sbmt" value="Submit Button" />
    </p>
</form>

Answer 1

將您的腳本轉換為手動，我們得到以下信息：

$("#myForm").submit(function (e) {
  if ($(this).find("#rules").val().trim().length < 2) {
    alert("Rules length should be at least 2");
    return false;
  }
  if ($(this).find("#messages").val().trim().length < 2) {
    alert("Messages length should be at least 2");
    return false;
  }
});

Answer 2

使用此代碼可能會對您有所幫助。

<script type="text/javascript">
$(document).ready(function() {
  $("#myForm").validate({
    rules: {
        txt: {
            required: true,
            minLength: 2,
        }
    },
    messages: {
        txt: {
            required: "Enter your text",
            minLength: "At least 2 characters are necessary",
        }
    }
  });
});
</script>