jquery - 如何使用 jQuery 提交并检查值是否为 2 - 5 个字符？

Question

假设我有一个文本字段:

Username: <input type="text" id="username" class="required" />
<input type="submit" />

我有一些 jQuery:

$(document).ready(function() {
    user = $("#username");

    user.submit(function() {

    })
})

我想在提交后检查用户名中输入的值的长度是否在 2 - 5 个字符之间。如果不是，就会发生一些事情。

我不太确定 user.submit(function(){}) 中应该包含什么内容。

Answer 1

首先您需要一个实际的表格:

<form id="myForm">
    Username: <input type="text" id="username" class="required" />
    <input type="submit" />
</form>

然后:

$(document).ready(function(){
    $('#myForm').on('submit', function(e){
        e.preventDefault();
        var len = $('#username').val().length;
        if (len < 6 && len > 1) {
            this.submit();
        }
    });
});

或者在 HTML5 中，您可以使用 pattern 属性(Safari 和 IE9 及以下版本不支持):

<!-- Fiddle: http://jsfiddle.net/ymdQq/ -->

<form id="myForm">
  Username: <input type="text" id="username" pattern=".{2,5}" required />
  <input type="submit" />
</form>