Comment utiliser jQuery pour effectuer une sous-diffusion et vérifier si la valeur est comprise entre 2 et 5 caractères?

Disons que j'ai un champ de texte:

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

et j'ai un peu de jQuery:

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

    user.submit(function() {

    })
})

Je veux vérifier si la longueur de la valeur saisie dans username est entre 2 - 5 caractères fois que j'ai soumis. Si c'est non, alors il se passe quelque chose.

Je ne suis pas trop sûr de ce que je devrais être à l'intérieur de la user.submit(function(){}).

source d'informationauteur Dora

  1. 34

    D'abord, vous aurez besoin d'un formulaire:

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

    alors:

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

    Ou en HTML5, vous pouvez utiliser le pattern attribut (non pris en charge dans Safari et IE9-et ci-dessous):

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

    VIOLON

  2. 3

    Vous pouvez vérifier la valeur du champ de saisie avec user.val() et la longueur de la chaîne avec user.val().length.

    De cette façon, vous pouvez faire quelque chose comme ceci:

    if(user.val().length < 2 || user.val().length > 5) {
    console.log('test')
}
  3. 3

    J'ai fait un Violon

    Vous pouvez utiliser une instruction comme

    $(document).ready(function(){  
    $("#form").submit(function(e) {
       length = $("#username").val().length;
       if((length > 2 && length < 5)) {
           $("#output").html("correct, logging in");
       } else {
           $("#output").html("incorrect, must have 3 or 4 chars");
       }
       return (length > 2 && length < 5);
    });
});

    Et HTML

    <form id="form" method="POST" action="http://www.cnn.com">
username: <input type="text" id="username" class="required" />
<input type="submit" />

  4. 1

    Lier soumettre à form au lieu de type de saisie de texte et vérifier sa valeur de soumettre cas. Il serait préférable d'attribuer des id à la forme et à utiliser le formulaire sélecteur d'id de lier soumettre.

    $('form').submit(function(){
      username = $('#username').val();
     if(username.length > 1 && username.length < 6)
     {
     }
});