如何使用jQuery来提交并检查值是否为2到5个字符？ [英] How to use jQuery to onsubmit and check if the value is 2 - 5 characters?

问题描述

假设我有一个文本字段：

Let's say I have a text field:

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

我有一些jQuery：

and I have some jQuery:

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

    user.submit(function() {

    })
})

在 username 中输入的值的长度在我提交后为2 - 5个字符。

I want to check if the length of the value entered in username is between 2 - 5 characters after I submit. If it's not then something happens.

我不太确定我应该在 user.submit（function（）{}）

I'm not too sure what I should be inside the user.submit(function(){}).

推荐答案

首先，您需要一个实际的表单：

First you'll need an actual form:

<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中你可以使用模式属性（不支持Safari和IE9及以下版本）：

Or in HTML5 you can use the pattern attribute (not supported in Safari and IE9-and below):

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

FIDDLE

这篇关于如何使用jQuery来提交并检查值是否为2到5个字符？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！