Get value of input text control on click on href in Jquery

Question

I have a function CheckMobile(MobNumber) and it will check all duplicate record of MobNumber which is passed in function. I want to use jquery to implement this.

<td><input type='text' name='Phone2' class='required' maxlength='10' /></td>  
<td><a href="javascript:void(0)" onclick="CheckMobile(Phone2)">Check Phone</a></td>

and my jquery function is:

function CheckMobile(MobNumber) {
    debugger;
   var phone = $(MobNumber).val();
   alert(phone);

}

But it does not work. In function i am getting undefined value.Please help how to get value of phone.

What is Phone2 in the onclick? Is it a variable or did you mean it to be a selector for the input? — JJJ
– JJJ, Commented Mar 31, 2012 at 19:29

Jack Franklin · Accepted Answer · 2012-03-31 19:36:10Z

1

You can get at the input by doing:

$("input[name='Phone2']")

In jQuery and then use .val() to get the value. (Working JSFiddle: http://jsfiddle.net/PhT94/)

EDIT:

Didn't notice you'd given it an ID, in that case you could just do:

$("#Phone2").val()

So in your original code change:

$(MobNumber).val()

To

$("#" + MobNumber).val()

edited Mar 31, 2012 at 19:36

answered Mar 31, 2012 at 19:30

Jack Franklin

3,7556 gold badges30 silver badges35 bronze badges

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

Comments

scartag · Accepted Answer · 2012-03-31 19:31:07Z

0

You need to change how you use the selector.

<td><input type='text' name='Phone2' id='Phone2' class='required' maxlength='10' /></td>  
    <td><a href="javascript:void(0)" onclick="CheckMobile('Phone2')">Check Phone</a></td>

Not that we append '#' and concatenate with the passed string parameter

 function CheckMobile(MobNumber) {
        debugger;
       var phone = $('#'+MobNumber).val();
       alert(phone);

    }

answered Mar 31, 2012 at 19:31

scartag

17.7k3 gold badges52 silver badges53 bronze badges

Comments

Jerome Ansia · Accepted Answer · 2012-03-31 19:39:02Z

0

the problem is in your selector there, it's not valid :

      var phone = $(MobNumber).val();

You should access by the attribute name instead like this

  var phone = $("input[name='Phone2']").val();

edited Mar 31, 2012 at 19:39

answered Mar 31, 2012 at 19:28

Jerome Ansia

6,89211 gold badges56 silver badges102 bronze badges

2 Comments

Jack Franklin Over a year ago

This is wrong, the issue is that $(MobNumber) goes to $('Phone2) which is not a valid selector.

Jerome Ansia Over a year ago

I don't see in what my code is wrong at all if you replace his lin by my is working. And my answer is that the selector is wrong...

Collectives™ on Stack Overflow

Get value of input text control on click on href in Jquery

3 Answers 3

Comments

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related