Wie textbox deaktivieren von HTML-disabled-Attribut mit jQuery

Wie zu schreiben, jQuery-code für die textbox deaktivieren von HTML-Attributen.
Durch die Verwendung von jQuery habe ich deaktiviert das Textfeld, basierend auf Benutzer-id, wenn userId == '' ich möchte zum aktivieren der textbox, wenn userId != '' ich will deaktiviert das Textfeld ein.

<input type="text" value="${userJson.firstName}" class="txtcontrolwidth" name="firstName" maxlength="45" id="firstName"
       disabled="if(${userJson.userId} == '') {$('#firstName').attr('disabled', false)} else {$('#firstName').attr('disabled', true)}" />

Jedes mal ist es im deaktivierten Modus ist nicht aktiviert.

Durch den Aufruf außerhalb der Funktion für die Deaktivierung der textbox ist es einfach.

<script type="text/javascript" src="<%=request.getContextPath() %>/js/jquery-1.11.1.js"></script>
<script type="text/javascript">
if(${userJson.userId} == "") {
    $('#firstName').attr('disabled', false);
} else {
    $('#firstName').attr('disabled', true);
}
</script>

Aber ich will deaktivierten textbox in disabled-Attribut nur.

Sie können nicht Javascript in die disabled Attribut, Sie haben es zu tun mit einem Skript in der <script> tag.
Was ist ${userJson.userId}? Das ist kein Javascript.
Verwenden Sie entweder .attr("disabled", "disabled") oder .prop("disabled", true).
prüfen Sie hier, enable/deaktivieren Sie die textbox
es ist nicht in Ordnung.
Es ist ein Ausdruck der Sprache.
Bedeutet der Ausdruck Sprache ermöglichen Ihnen das schreiben if es? Sie konnten in der expression language.

InformationsquelleAutor pudaykiran | 2014-07-03

Zunächst Ihren html ist schlecht! Sie können nicht schreiben, Skript im html-Code ohne <script></script> tags.

HTML :

<input type="text" value="" class="txtcontrolwidth" name="firstName" maxlength="45" id="firstName" />

SKRIPT :

$('#firstName').focusout(function(){

if( $(this).val() != "" ) {
    $(this).prop('disabled',true);
 } else {
    $(this).prop('disabled',false);
 }
});

InformationsquelleAutor John

Den HTML - disabled Attribut, das Sie verwenden in der <input> tag ist ein boolean-Attribut, aber es ist schwierig.

Check this out:

<!-- These will be disabled -->
<input type="text" disabled>    
<input type="text" disabled="true">
<input type="text" disabled="false">
<input type="text" disabled="myFunction()"> <!-- function will not be executed -->

<!-- And this will be enabled -->
<input type="text">

Wenn Sie möchten, dass Ihre <input> aktiviert werden, beinhalten nicht die disabled - Attribut im-tag.

Versuchen, anstelle der code mit diesem:

<input type="text" value="${userJson.firstName}" class="txtcontrolwidth" name="firstName" maxlength="45" id="firstName" ${ userJson.userId == '' ? 'disabled' : '' } />

Den obigen code schreiben disabled - Attribut auf den tag nur, wenn userJson.userId == ''.

InformationsquelleAutor feijones

0

HTML
```
<input type="text" value="${userJson.firstName}" class="txtcontrolwidth" name="firstName" maxlength="45" id="firstName"
   disabled="if(${userJson.userId} == '') {$('#firstName').attr('disabled', false)} else {$('#firstName').attr('disabled', true)}" />
```
Im obigen code disabled-Attribut vorhanden ist, so dass die textbox immer im deaktivierten Modus, wenn javascript ist true oder false zurückgibt Behinderten-Eigenschaft-Wert nicht ändern.

verwenden Sie die folgenden
```
<input type="text" value="${userJson.firstName}" class="txtcontrolwidth" name="firstName" maxlength="45" id="firstName" ${userJson.userId == ''?'': 'disabled'}>
```
wenn Sie möchten, verwenden Sie eine javascript-Funktion verwenden Sie die folgenden:
```
<script type="text/javascript">
    //you have to use double quotes around the value, because the ${userJson.userId} is evaluated then prints the value to the browser html, it cause javascript error
    if("${userJson.userId}" == "") {
        $('#firstName').prop('disabled', false);
    } else {
        $('#firstName').prop(disabled', true);
}
</script>
```
- ${userJson.userId == ''?'disabled': ''} diese Logik nicht funktioniert.
- wenn userJson.userId enthält Leerzeichen, dann die obige Logik nicht funktionieren, bevor Sie den Wert auf userJson.userId trimmen Sie den Wert und versuchen Sie es.
- es ist nicht die Arbeit, wenn es enthält den Wert 1.
- In diesem Zustand ${userJson.userId == ''?'disabled': ''} wir die überprüfung nur für den leeren Raum. wenn wir wollen, überprüfen Sie, ob mehrere Werte, die wir verwenden können || Zustand. versuchen Sie, diese in Ihrem code ${(userJson.userId == '' || userJson.userId =='1')?'':'disabled'}
InformationsquelleAutor Srinu

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.