Comment faire pour désactiver la zone de texte de HTML désactivé attribut à l'aide de jQuery

Comment écrire jQuery code pour désactiver la zone de texte des attributs HTML.
En utilisant jQuery j'ai désactivé la zone de texte basé sur l'identifiant, si userId == '' je veux activer la zone de texte si userId != '' je veux désactivé la zone de texte.

<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)}" />

À chaque fois qu'il est en mode désactivé, il n'est pas activé.

En appelant à l'extérieur de la fonction de désactivation de la zone de texte, il est facile.

<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>

Mais je veux désactivé zone de texte dans désactivé attribut uniquement.

  • Vous ne pouvez pas mettre de Javascript à l'intérieur de la disabled attribut, vous devez le faire avec un script dans le <script> tag.
  • Qu'est-ce que ${userJson.userId}? Ce n'est pas le Javascript.
  • Vous devriez utiliser .attr("désactivé", "désactivé") ou .prop("désactivé", true).
  • consultez ici les enable/désactiver la zone de texte
  • il n'est pas de travail.
  • C'est un langage d'expression.
  • Le langage d'expression de vous permettre d'écrire if - t-il? Vous pourriez mettre dans le langage d'expression.

InformationsquelleAutor pudaykiran | 2014-07-03
  1. 2

    Tout d'abord votre code html, c'est mal! vous ne pouvez pas écrire un script à l'intérieur de l'html sans <script></script> balises.

    HTML :

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

    SCRIPT :

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

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

    Le code HTML disabled attribut que vous utilisez dans le <input> tag est un attribut booléen, mais c'est le genre de difficile.

    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">

    Si vous voulez que votre <input> à être activé, ne comprennent pas le disabled attribut dans la balise.

    Essayez de remplacer votre code avec celui-ci:

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

    Le code ci-dessus va écrire disabled attribut à la balise uniquement lorsque userJson.userId == ''.

    InformationsquelleAutor feijones
  3. 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)}" />

    Dans le code ci-dessus désactivé attribut est présent, de sorte que la zone de texte toujours en mode désactivé, si javascript est retourne true ou false handicapés valeur de la propriété ne changeront pas.

    utilisation suivantes 

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

    si vous souhaitez utiliser une fonction javascript à utiliser les éléments suivants:

    <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': ''} cette logique n'est pas de travail.
    • si le userJson.nom d'utilisateur contient des espaces vides, alors la logique ci-dessus ne fonctionne pas, avant de définir la valeur de userJson.nom d'utilisateur, de la garniture de la valeur et de l'essayer.
    • il ne fonctionne pas si elle contient la valeur 1.
    • Dans cette condition ${userJson.userId == ''?'disabled': ''} nous vérifions seulement pour l'espace vide. si nous voulons vérifier plusieurs valeurs, nous pouvons utiliser || condition. essayez ceci dans votre code ${(userJson.userId == '' || userJson.userId =='1')?'':'disabled'}
    InformationsquelleAutor Srinu