jQuery Uncaught Exception Error

Question

To check whether the email address is from gmail I tried the following jQuery code but I am getting Uncaught TypeError: Cannot call method 'indexOf' of undefined

CODE

$( document ).ready(function() {
  $("#sendit").click(
   function() {
      var str1 = $("#email").value;
      var str2 = "gmail.com";
      if(str1.indexOf(str2) != -1){
        alert("found");
      }
   });
});

Is there any error in my syntax?

If you had an error in your syntax, you would get a syntax error. You are trying to access a non-existing property of an object (.value), which will return undefined. That's a runtime error and a logic error in your code (but not a syntax error). — Felix Kling
– Felix Kling, Commented Jan 18, 2014 at 5:55

Anup · Accepted Answer · 2014-01-18 06:06:49Z

1

DEMO

Call the val() method.

var str1 = $("#email").val();

May be you are victim of jQuery Conflict. See if the code in this new fiddle works for you.

UPDATED FIDDLE

edited Jan 18, 2014 at 6:06

answered Jan 18, 2014 at 5:58

Anup

9,77417 gold badges77 silver badges149 bronze badges

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

Comments

Arun P Johny · Accepted Answer · 2014-01-18 05:50:16Z

1

it should be

var str1 = $("#email").val();

$("#email") returns a jQuery wrapper object, it does not have the value property, it belongs to dom element. jQuery object has a method val() that returns the value.

answered Jan 18, 2014 at 5:50

Arun P Johny

389k68 gold badges532 silver badges532 bronze badges

4 Comments

Arun P Johny Over a year ago

@lock is there an element with id email

Arun P Johny Over a year ago

@lock can you share the html related to the element email

Karthik Malla Over a year ago

I just tried the this code

$( document ).ready(function() {   $("#userid").click(    function() {       var str1 = $("#email").val();       var str2 = "karthik";       if(str1.indexOf(str2) != -1){     	alert("found");       }    }); });

at jcubbooklinx.com/wp-login.php?action=login

Arun P Johny Over a year ago

there are other errors in the page... check your browser console

Subash Selvaraj · Accepted Answer · 2014-01-18 05:51:27Z

0

Should use val(), instead of value

var str1 = $("#email").val()

answered Jan 18, 2014 at 5:51

Subash Selvaraj

3,3871 gold badge16 silver badges17 bronze badges

Comments

Pranav C Balan · Accepted Answer · 2014-01-18 05:56:24Z

0

You should use val() instead of value

Change

var str1 = $("#email").value;

to

var str1 = $("#email").val();

edited Jan 18, 2014 at 5:56

answered Jan 18, 2014 at 5:50

Pranav C Balan

115k25 gold badges173 silver badges195 bronze badges

Collectives™ on Stack Overflow

jQuery Uncaught Exception Error

4 Answers 4

Comments

4 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

4 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related