Jquery Validation De Zone De Texte

Salut j'ai une zone de texte avec aucun des boutons d'action. Sur le typage lui-même, il a pour valider si c'est de A à z, si pas il a jet une erreur à côté de la zone de texte. Comment puis-je y parvenir?

  • caisse.. stackoverflow.com/questions/5241957/...
  • qui n'est pas celui que je cherche. Une zone de texte unique sur le typage qu'il a à faire deux choses: vérifier seulement a-z est entré et, si non, elle est à jeter erreur lors de la saisie elle-même.
  • ok je comprends, Vous aurez envie d'utiliser les regex... et de le combiner..
  • oui, u peut m'aider sur ce point et il doit être mis en œuvre uniquement à l'aide de jquery
  • Est-ce ok si vous n'avez pas besoin de jeter de l'erreur? Il nous suffit de ne pas laisser entrer en lui, d'autres personnages de A à Z
  • merci en attente pour elle.
  • mon exigence est de jeter de l'erreur!!J'ai moi-même essayé et bloqué non[a-z] personnages mais je ne pourrais pas lancer d'erreur dans le même temps.
  • voir ce lien stackoverflow.com/questions/2812585/...

InformationsquelleAutor user2202425 | 2013-03-23
  1. 1

    Cela peut fonctionner pour vous:

    <input type="text" class="abc">

    Peut-être que vous avez faites ajuster la regex n'ai pas vraiment testé:

    $(document).ready(function() {
$('.abc').bind('keyup', function() {
    regex = /^[A-z0-9]+$/;
    if(!regex.test($(this).val())) {
        $(this).next('.error').remove();
        $(this).after('<div class="error">Wrong</div>');
    } else {
       $(this).next('.error').remove();            
    }
}); 
});

    Violon: http://jsfiddle.net/EB6ET/2/

    • C'est ce que je suis exactement cherché..merci:). pouvez-vous s'il vous plaît changer les conditions seul sur le code ci-dessus..1)accepter uniquement de a à z 2)accepte seulement 0 à 9..
    InformationsquelleAutor Marcel Gwerder
  2. 2

    Ici vous allez!
    j'ai fait simple, si l'on peut comprendre la logique de base de l'informatique 🙂

    voici mon jsfiddle..

    http://jsfiddle.net/joedf/mhVqr/2/

    Html

    <input type='text' id='textbox'>
<input type="button" class="button-disabled" id="change" disabled="disabled" value="click">
<div id="throwEx"/>

    JS

    $("#throwEx").hide();
$("#textbox").keyup(checkForm).focus(checkForm);

function checkForm() {
    var needle = /^([a-zA-Z0-9]+)$/;
    var inputVal = $("#textbox").val();

    if (inputVal == '') {
        $("#change").addClass("button-disabled").removeClass("button");
        $("#change").attr("disabled", "disabled");
        $("#throwEx").hide();
    }
    else if (!needle.test(inputVal)) {
        $("#change").addClass("button-disabled").removeClass("button");
        $("#change").attr("disabled", "disabled");
        $("#throwEx").text("Error: Only Alphanumeric characters are allowed...");
        $("#throwEx").show();
    } else {
        $("#change").removeClass("button-disabled").addClass("button");
        $("#change").removeAttr("disabled");
        $("#throwEx").hide();
    }
}
    InformationsquelleAutor Joe DF
  3. 1

    Je l'ai obtenu à partir de stackoverflow ici et ont modifié qu'à entrer les caractères de A à z.

    <input type="text"/>

$(document).ready(function () {

$('input').keyup(function() {
    var $th = $(this);
    $th.val( $th.val().replace(/[^a-z]/g, function(str) { alert('You typed " ' + str + ' ".\n\nPlease use only letters and numbers.'); return ''; } ) );
});
});

    Lien pour violon ici

    InformationsquelleAutor DevelopmentIsMyPassion
  4. 1

    Le contrôle de la zone de texte à l'aide de la keyup fonction est une mauvaise idée parce que l'utilisateur peut copier/coller le texte dans la zone de texte ou choisissez un navigateur de saisie semi-automatique des champs, etc. Mon approche:

    LIVE JSFIDDLE

    HTML:

    <input type="text" id="TextBox1" name="TexBox1" value="" />
<span id='error' name='error'></span>

    JS:

    function monitor() {
    if ($('#TextBox1').val().length > 0) {
        var reg = /^([a-zA-Z]+)$/;
        if (!reg.test($('#TextBox1').val())) {
            $('#error').html("Only letters are allowed!");
        } else {
            $('#error').html("");
        }
    } else {
        $('#error').html("");
    }
}

var timer = '';

$('#TextBox1').on('focus', function () {
    timer = setInterval(monitor, 100);
}).on('blur', function () {
    clearInterval(timer);
});
    InformationsquelleAutor enb081