Disable an input on submit

Question

I want to disable an input on submit but it didn't work. I have a select and I want that if it has a certain value it won't be passed in parameter (here the value is "autres") and if this value is selected an input appear and user can type what they want. Here is what I have :

<select name="motif" id="motif" onChange="choix()">
                <option value="">-</option>
                <option value="formation">Formation</option>
                <option value="autres">Autres</option>
</select>
<div id="commentaire"></div>
<input type="submit" value="Envoyer ma demande" id="submit" onClick="disableMotif()"/>

Javascript

function choix()
{
    var i = document.getElementById("motif").value;
    var comment = document.getElementById("comment");
    if (i=='autres' && !comment)
      {
        $( "#commentaire" ).append( "<div id=\"comment\"> Indiquez le motif : <input type=\"text\" style=\"margin-top:5px;\" name=\"motif\" value=\"\"/></div>" );
      }
      else{
        comment.parentNode.removeChild(comment);
      }
  }
function disableMotif()
{
    var i = document.getElementById("motif").value;
    var comment = document.getElementById("comment");
    if (i=='autres' && !comment)
      {
        $("#motif").prop('disabled', true);
      }
}

The function for disable the input on submit doesn't work. I have in the parameters 2 times "motif". How can I do this ?

you can take a look here http://stackoverflow.com/a/1414366/2798643 — Govinda Rajbhar, Dec 07 '15 at 14:27
Possible duplicate of [Disable/enable an input with jQuery?](http://stackoverflow.com/questions/1414365/disable-enable-an-input-with-jquery) — Govinda Rajbhar, Dec 07 '15 at 14:28
Are you sure your code pass this condition: `if (i=='autres' && !comment)`??? — A. Wolff, Dec 07 '15 at 14:28
@SimonM. I'm not sure what you mean in your comment. Is your condition correct or not? Just as a sdie note, mixing jQuery with javascript native method like in your code is for sure a no go. Your code is quite unreadable imho EDIT: i see your anwser now :) — A. Wolff, Dec 07 '15 at 14:32
@A.Wolff How can I improve this part of code ? And why it is a no go ? :) — Simon M., Dec 07 '15 at 14:43

score 1 · Answer 1 · edited May 23 '17 at 11:52

1

Did you see this one ? Disable/enable an input with jQuery?

It can depends on your jQuery version. Try with the attr method instead of prop :

$("input").attr('disabled','disabled');

or directly :

$("#motif").disabled = true;

edited May 23 '17 at 11:52

Community

1
1

answered Dec 07 '15 at 14:23

Alexandre

584
3
20

1

Yes, I've seen this one, I'm using jQuery 1.7 – Simon M. Dec 07 '15 at 14:25
Have you erros in console javascript ? – Alexandre Dec 07 '15 at 14:45

score 0 · Answer 2 · answered Dec 07 '15 at 14:29

0

Well, just a wrong if condition. I needed to check only : if (i=='autres') and not if comment wasn't displayed

answered Dec 07 '15 at 14:29

Simon M.

1,732
2
13
29

Disable an input on submit

2 Answers2