So vermeiden Sie doppelte Werte von input-text-Feldern mit jquery

Habe ich N text-Boxen ,werden die Werte festgelegt werden, die autofill-Funktion ,so möchte ich nicht das doppelte Wert
Wie dies in jquery

  • meinst du, dass Sie, sollten Sie nicht in der Lage sein, einen doppelten Wert in einem Textfeld oder Sie möchten überprüfen, wenn die Seite senden
  • beide Möglichkeiten, wie Sie bereits erwähnt,tatsächlich habe ich weitere Textfelder
InformationsquelleAutor n92 | 2011-08-19
  1. 2

    Können Sie dieses nette kleine Skript, das ich gerade gemacht:

    <script type="text/javascript">
$(document).ready(function() {
    $('#field1').blur(function() {
        if ($(this).val() == $('#field2').val() || $(this).val() == $('#field3').val()) {
            $('#field1').stop(false,true).after('&nbsp;&nbsp;<span style="color:red;" class="error">Please enter different text</span>');
            $('.error').delay(600).fadeOut();
            $(this).val('');
        }
    });
    $('#field2').blur(function() {
        if ($(this).val() == $('#field1').val() || $(this).val() == $('#field3').val()) {
            $('#field2').stop(false,true).after('&nbsp;&nbsp;<span style="color:red;" class="error">Please enter different text</span>');
            $('.error').delay(600).fadeOut();
            $(this).val('');
        }
    });
    $('#field3').blur(function() {
        if ($(this).val() == $('#field1').val() || $(this).val() == $('#field2').val()) {
            $('#field3').stop(false,true).after('&nbsp;&nbsp;<span style="color:red;" class="error">Please enter different text</span>');
            $('.error').delay(600).fadeOut();
            $(this).val('');
        }
    });
});
</script>

    Und dann die HTML verwenden, können Sie Ihre aktuelle HTML wie lange Sie haben jeweils eine ID, die übereinstimmungen mit den IDs im Skript:

    <form id="form1">
    Enter some text: <input type="text" id="field1" />

    <br /><br />

    Enter some text: <input type="text" id="field2" />

    <br /><br />

    Enter some text: <input type="text" id="field3" />

</form>

    Es hat schöne fade-Effekte für die Fehler und alles.

    Check it out in Aktion hier: http://jsfiddle.net/zHJSF/

    Versuchen Sie füllen die erste, mit etwas text und dann die nächste mit dem gleichen an und Sie erhalten einen netten kleinen Fehler auf der Seite und Sie automatisch ausgeblendet, damit es nicht zu bauen-up ein paar Fehler.

    Ich hoffe, das hilft.

    • Dies funktioniert gut, aber, wenn es ein array von Textboxen dann?
    • Ich schrieb dies vor fast einem Jahr, eine Zeit, wenn ich nicht sehr erfahren mit JavaScript. Ich bin viel mehr Erfahrung mit JavaScript-jetzt und tun würde dies viel besser als die click Ereignis für jeden Eingang. 😛
    InformationsquelleAutor Nathan
  2. 1

    Ich nehme an, Sie werden gefragt, bevor das Formular abgeschickt wird, so haben Sie einige Optionen. Man ist Jquery verwenden.validator und schreiben einige Regeln zu überprüfen, dass.

    Finden Sie unter: http://bassistance.de/jquery-plugins/jquery-plugin-validation/

    Den anderen wird das anfügen einer javascript submit-Ereignis des Formulars zu überprüfen, dass.
    So etwas wie dieses:

    $('#formid').submit(function (evt) {

   var input1 = $('#input1id').val();
   var input2 = $('#input2id').val();
   var input3 = $('#input3id').val();

   if (input1 === input2 || input2 === input3 || input1 === input3) {
      evt.prevetnDefault();
      $('#errMesssage').html('Text values have to be different.').show();
   }
});

    Wobei '#errMessage' ist die id eines div oder ein anderes element zur Anzeige der Fehler.

    Können Sie ausblenden möchten das element, nachdem Sie das problem zu beheben.

    Hoffe, das hilft.

    InformationsquelleAutor theprogrammer
  3. 0

    Habe ich eine kleine jsfiddle Beispiel zeigt die Validierung.

    Da gibt es N Eingabe von text-Boxen würde ich in einer Klasse unique zu identifizieren, den input, die müssen einmalig.

    Auf Absenden habe ich Durchlaufen diese ein-und auf der Suche nach dem ersten doppelten kündigen weitere Suche. Nachteil an dieser Suche ist, dass es brauchen würde, um ein array von Werten oder Durchlaufen Sie die Eingänge doppelt ( Sie würde besser beurteilen, was zu verwenden, je nach Anforderung)

    $(function(){
    $('#uniqueform').submit(function(evt){
        evt.preventDefault();
        var hashTable=new Array();
        var valid =true;
        $('input.unique','#uniqueform').each(function(index,item){
            $('.error').hide();  
            $('.success').hide();   
            var itemVal =$(item).val();

            if($.inArray(itemVal,hashTable)==-1)
            {
                hashTable.push(itemVal);
            }
            else{
                valid=false;   
                return false;
            }
        });
        if(valid)
        {
            $('.success').show();  
        }else{
            $('.error').show();
        }
    });

});

    Hoffe, das hilft

    • konzentriert sich mehr auf den Wert, anstatt die auto-fill-Teil!
    InformationsquelleAutor frictionlesspulley
  4. 0
      var Arrseq = $.grep(dataAdd, function (v) {
            return (v.Sequence == $(this).find("td[ctype=Slno]").text());

        });
        if (Arrseq.length > 0)
        {
            alert('Dublicate Entry !');
            return false;
        }
    • Bitte fügen Sie einige Kontext für Ihre Antwort und die Korrektur der Formatierung.
    InformationsquelleAutor user11354809
Schreibe einen Kommentar