JQuery onclick execute event of input field

Question

I don´t know if it´s possible do this , in this case i want when click over input text field activate function in jQuery and after of this action execute the code of jQuery - inside onclick - , i put my example :

<input type="password" name="password" value="" class="input_text_register" id="pass" onclick="jQuery("#list").show();"/>

I can´t do this works , i supose i have some error because no get works finally , in this case the activation from input text field open other div for show informations

Thank´s , Regards !

GautamD31 · Accepted Answer · 2013-08-24 09:41:40Z

3

Try like

<input type="password" name="password" value="" class="input_text_register" id="pass" onclick="myfun();"/>

<script type="text/javascript">
     function my_fun() {
         jQuery("#list").show();
     }
</script>

Or you can also do like

<input type="password" name="password" value="" class="input_text_register" id="pass"/>

<script type="text/javascript">
     $(document).ready(function(){
         $('#pass').on('click',function(){
             jQuery("#list").show(); 
         });
     });
</script>

Or even simply you can try like

<input type="password" name="password" value="" class="input_text_register" id="pass" 
onclick="jQuery('#list').show();"/>

answered Aug 24, 2013 at 9:41

GautamD31

28.8k10 gold badges66 silver badges86 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Tushar Gupta - curioustushar · Accepted Answer · 2013-08-24 09:41:44Z

2

$('#pass').click(function () {
    $("#list").show();
});

or

change onclick="jQuery("#list").show();"

to

onclick="jQuery('#list').show();"

answered Aug 24, 2013 at 9:41

Tushar Gupta - curioustushar

57.2k24 gold badges106 silver badges110 bronze badges

Comments

Praveen · Accepted Answer · 2013-08-24 09:43:52Z

1

Have you included jQuery library?

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

Better give it as explicit.

<input type="password" name="password" value="" class="input_text_register" id="pass" onclick="clickIt();"/>
<script">
     function clickIt() {
         jQuery("#list").show();
     }
</script>

answered Aug 24, 2013 at 9:43

Praveen

56.7k35 gold badges137 silver badges169 bronze badges

Comments

Rob Schmuecker · Accepted Answer · 2013-08-24 09:42:04Z

0

Either try escaping your quotes like this:

<input type="password" name="password" value="" class="input_text_register" id="pass" onclick="jQuery(\"#list\").show();"/>

or change them

<input type="password" name="password" value="" class="input_text_register" id="pass" onclick="jQuery('#list').show();"/>

answered Aug 24, 2013 at 9:42

Rob Schmuecker

8,9642 gold badges21 silver badges34 bronze badges

Collectives™ on Stack Overflow

JQuery onclick execute event of input field

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related