Deaktivieren Sie ein Eingabefeld, wenn der zweite input-Feld gefüllt ist

Total ein Neuling...
Ich möchte nur wissen, wie dynamisch deaktivieren Sie ein Eingabefeld, wenn der zweite input Feld gefüllt ist

zB:

<td><input type="text" name="num-input1" id="dis_rm"  value=""></input></td>
<td><input type="text" name="num-input2" id="dis_per" value="" ></input></td>

pls... keine links und Hinweise, die Sie tun wird...

  • gefüllt bedeutet, dass nach der Eingabe von Daten im zweiten Eingabefeld und klicken Sie an anderer Stelle in der Anwendung ??
  • ja.. nach der zweiten Eingabe wird automatisch die erste ist, zu deaktivieren... wie? 🙁
  • Sie können das onchange-Ereignis oder das onkeydown zu erkennen Veränderung in das Eingabefeld ein. siehe unten meine Antwort
  • bitte siehe meine Antwort.............. 🙂
InformationsquelleAutor debrajsy | 2011-07-21
  1. 12

    Müssen Sie einfach, um ihm eine Behinderten-Eigenschaft:

    document.getElementById("dis_rm").disabled = true;
document.getElementById("dis_per").disabled = true;

    können Sie mit dem on-change-Ereignis, um zu sehen, wenn eine von Ihnen erfüllt ist:

    var dis1 = document.getElementById("dis_rm");
dis1.onchange = function () {
   if (this.value != "" || this.value.length > 0) {
      document.getElementById("dis_per").disabled = true;
   }
}

    also, wenn der erste gefüllt ist, der zweite wird deaktiviert

    • Kannst du alles so verwenden Sie das onkeydown Ereignis, um zu sehen, ob eine davon leer ist oder nicht
    • fiddle pls ibu... ich cant scheinen, um es richtig zu machen
    • hier ist ein arbeiten Geige meinem code. wenn Sie füllen ein Feld, das andere ist deaktiviert, wenn Sie es deaktivieren, ist alles wieder normal
    • VERSTANDEN......thnk Sie danke danke
    • wenn diese Antwort Ihnen geholfen, Ihr problem zu lösen bitte wählen Sie es als das richtige answwer durch Klick auf das Häkchen neben es. Danke
    • hhaahah ok... mich Total newbie...
    • wenn es ein array der form ?

    InformationsquelleAutor Ibu
  2. 2
    $('#dis_per').blur(function(){
    if($(this).val().length != 0){
        $('#dis_rm').attr('disabled', 'disabled');
    }       
});

    http://jsfiddle.net/jasongennaro/D7p6U/

    Erklärung:

    1. wenn die zweite Eingabe den Fokus verliert... .blur()

    2. überprüfen, um zu sehen, ob es etwas in seinem inneren. Tun Sie dies, indem Sie sicher, die Länge ist nicht null !=0

    3. wenn es etwas hat, fügen Sie die attribute disabled und legen Sie es auf disabled

    InformationsquelleAutor Jason Gennaro
  3. 1
    $('#secondinput').live('blur',function(){

    $('#firstinput').attr('disabled', true);

});

    tihs funktioniert, wenn Sie gefüllt im zweiten Eingabefeld und klicken Sie, wo sonst ..........

    InformationsquelleAutor Kanishka Panamaldeniya
  4. 1

    Nur ad dies zu deiner 2. Textfeld:

    onblur="document.getElementById('dis_rm').disabled = (''!=this.value);"

    http://jsfiddle.net/vbKjx/

    InformationsquelleAutor rkw
  5. 0

    Legen Sie die disabled Flagge auf das Feld, das Sie deaktivieren möchten, wenn die OnBlur Ereignis feuert (für verlassen des Feldes), oder wenn die OnChanged Ereignis feuert (mit, natürlich, eine Validierung auf der ändern).

    InformationsquelleAutor Paul Sonier
  6. 0

    Können wir ommit einige Schritte, bezieht sich auf die form, als Objekt.

    document.form1.num-input2.onchange = function() {
    if ( this.value != "" || this.value.length > 0 ) {
        document.form1.num-input1.disabled = true;
    }
}
    InformationsquelleAutor Bakudan
  7. 0

    Ich mag diese Antwort, mit Jquery:

    $('#seconddiv').live('focus',function(){
    $('#firstdiv').attr('disabled', true);
});

    Habe ich eine search bar, die gibt Suchergebnisse mit jeder Taste drücken, wenn es kein Ergebnis liefert, dann wird der Benutzer mit einem Formular, um Hilfe zu bitten. Aber wenn Sie füllen Sie das "Fragen-Formular" und geben dann in der Suchleiste wieder es wird alles löschen, die Sie eingegeben in das Fragen-Formular. Also um dies zu lösen, habe ich all die Eingänge in das Fragen-Formular die id "zweite div", und das Suche-Feld id="firstdiv". Nun, wenn Sie klicken oder die Registerkarte auf eines der Eingabefelder für das Frage-Formular deaktiviert, um die Suchleiste, so dass Ihre Daten werden nie überschrieben werden.

    Werde ich auch hinzufügen eine Schaltfläche, aktivieren Sie die such-Formular, wenn Sie Ihre Meinung ändern.

    Und für die Neuzugänge - ich setzte den code in den head des Dokuments, wie diese:

    <html>
<head>
<script type="text/javascript">
$('#seconddiv').live('focus',function(){
    $('#firstdiv').attr('disabled', true);
});
</script>
</head>
<body>
....
    InformationsquelleAutor John
Schreibe einen Kommentar