Deaktivieren / Aktivieren-Taste, wenn der text und textarea sind leer

Habe ich diesen code, deaktivieren Sie die-Taste, wenn der text leer ist, aber ich habe ein textarea-html-code. Wie kann ich diese, wenn der text und textarea sind beide leer, wird die Schaltfläche deaktiviert, und wenn beide gefüllt sind, es ermöglicht. Ich habe versucht den folgenden code und es funktioniert auf nur-text. Irgendwelche Ideen?

JS:

$(document).ready(function() {
    $('input[type="submit"]').attr('disabled', true);
    
    $('input[type="text"]').on('keyup',function() {
        if($(this).val() != '') {
            $('input[type="submit"]').attr('disabled', false);
        } else {
            $('input[type="submit"]').attr('disabled', true);
        }
    });
});

HTML:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<input type="text" name="textField" />
<textarea rows="4" cols="30" ></textarea>
<input type="submit" value="next" />

Sie verpasst haben, die textarea-selector in jquery.... so ist es nicht workin.....?
Das ist mein problem, das ich überprüfen müssen, um auch in der textarea, wenn es füllen, bevor die Schaltfläche wird aktiviert.

InformationsquelleAutor jovenne | 2013-11-06

Verpassen Sie die textarea selector in jQuery

JS:

$(document).ready(function() {
    $('input[type="submit"]').attr('disabled', true);
    
    $('input[type="text"],textarea').on('keyup',function() {
        var textarea_value = $("#texta").val();
        var text_value = $('input[name="textField"]').val();
        
        if(textarea_value != '' && text_value != '') {
            $('input[type="submit"]').attr('disabled', false);
        } else {
            $('input[type="submit"]').attr('disabled', true);
        }
    });
});

HTML:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<input type="text" name="textField" /><br>
<textarea rows="4" cols="30" id="texta"></textarea><br>
<input type="submit" value="next" />

InformationsquelleAutor rynhe

3

Können Sie dies tun, indem Sie die .prop() Methode wie:
```
//Cache the elements first
var $text = $('input[type="text"]');
var $textarea = $('textarea');
var $submit = $('input[type="submit"]');

//Set the onkeyup events
$submit.prop('disabled', true);
$text.on('keyup', checkStatus);
$textarea.on('keyup', checkStatus);

//Set the event handler
function checkStatus() {
    var status = ($.trim($text.val()) === '' || $.trim($textarea.val()) === '');
    $submit.prop('disabled', status);
}
```
F. Y. I.

Wie gesagt in den .prop () - API-Dokumentation:

Vor jQuery 1.6, die .attr() Methode manchmal nahm Eigenschaftswerte
in Konto beim abrufen einige Attribute, die dazu führen könnten
inkonsistentes Verhalten. Ab jQuery 1.6, die .prop() - Methode bietet eine
Weise explizit abrufen von Eigenschaftswerten, während .attr() ruft
Attribute.

FIDDLE DEMO
- Ich habe aktualisiert, der code. Danke für den Hinweis dass!
InformationsquelleAutor palaѕн

Einfach beide input-Feld und textarea.
Für die Bindung der beiden Felder keyup-Ereignis aus, und überprüfen Sie den Wert

$('input[type="submit"]').prop('disabled', true);
$("#yourtextfield,#yourtextarea").on("keyup","#parentdiv",function(){
if($("#yourtextfield").val() == '' || $("#yourtextarea").val() == ''){
   $('input[type="submit"]').prop('disabled' , true);
   }
else{
   $('input[type="submit"]').prop('disabled' , false);
   }
})

Können Sie mir helfen, passen Sie Ihren code in mein code?

InformationsquelleAutor themightysapien

verwenden prop

$('input[type="submit"]').prop('disabled', true);
$('input[type="text"],textarea ').on('keyup',function() {
    if($(this).val()) {
        $('input[type="submit"]').prop('disabled' , false);
    }else{
        $('input[type="submit"]').prop('disabled' , true);
    }
});

durch attr können wir tun, indem

 $('input[type="submit"]').attr('disabled', 'disabled');
    $('input[type="text"],textarea ').on('keyup',function() {
        if($(this).val()) {
            $('input[type="submit"]').removeAttr('disabled');
        }else{
            $('input[type="submit"]').attr('disabled','disabled');
        }
    });

sehen .prop() vs .attr()

Es funktioniert nicht. Ich möchte, dass wenn beide den text und textarea sind ausgefüllt, dass die Zeit der-Taste aktiviert werden.
siehe update @krik

InformationsquelleAutor Rituraj ratan

0

Ich denke, Sie haben zu prüfen Raum.
```
$("textarea").on('mouseout', function(){
  if (!$.trim($("textarea").val())) {
    alert("empty");
 }
});
```
test : http://jsfiddle.net/mehmetakifalp/ef5T9/

InformationsquelleAutor mehmetakifalp

<input type="text" name="textField" />
<textarea rows="4" cols="30" id="texta"></textarea>
<input type="submit" value="next" />

<script type="text/javascript">
    $(document).ready(function() {
        $('input[type="submit"]').attr('disabled', true);
        $('input[type="text"],textarea').on('keyup',function() {
        var textarea_value = $("#texta").val();
        var text_value = $('input[name="textField"]').val();

        if(textarea_value != '' && text_value != '') {
            $('input[type="submit"]').attr('disabled' , false);
        }else{
            $('input[type="submit"]').attr('disabled' , true);
        }
        });

    });
</script>

InformationsquelleAutor Jawwad Ali Khan

Die ausgewählte Antwort macht den job, aber es ist nicht genug. Ein Textfeld und text-Feld ausgefüllt mit Leerzeichen ( drücken Sie die Leertaste mehrmals) aktivieren Sie die Schaltfläche senden.

Müssen Sie daher gelten $.trim() um die Werte aus diesen Feldern, bevor Sie Sie an die if-Anweisung wie unten gezeigt

$(document).ready(function() {
$('input[type="submit"]').attr('disabled', true);

$('input[type="text"],textarea').on('keyup',function() {
    var textarea_value = $.trim($("#texta").val());
    var text_value = $.trim($('input[name="textField"]').val());

    if(textarea_value != '' && text_value != '') {
        $('input[type="submit"]').attr('disabled', false);
    } else {
        $('input[type="submit"]').attr('disabled', true);
    }
});
});

InformationsquelleAutor Ufenei augustine

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.