Beginner Javascript - Object is not a function

Question

Hey guys taking a stab at my first Javascript validation but getting stuck pretty early on. I am calling a JS function from onkeyup="" but I receive the error:

Object is not a function

Code:

<html>
    <head>
         <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js" ></script>
        <link rel="stylesheet" type="text/css" href="style.css" />
    </head>
    <body>
        <h3> My Sign Up Form</h3>
        <form name="signup">
            <label>First Name<input type="text" name="fname" onkeyup="fname()"/></label><div id="fnameVal"></div><br>
            <label>Last Name<input type="text" name="lastname" onkeyup="fourchars();"/></label><div id="lnameVal"></div><br>
            <!--<label>Email<input type="text" name="email"/></label><div id="email"></div><br>
            <label>Password<input type="password" name="password"/><div id="password"></div></label><br>
            <label>ConfirmPassword<input type="password" name="confirmpassword"/><div id="confirmpassword"></div></label><br>-->
            <label><input type="submit" value="Submit"/></label> 
         </form>
    </body>
    <script>    
        function fname(){
            alert('jjjj');
        }
    </script>
</html>

You might think about putting your JavaScript before the </body> rather than the </html>. — Andy
– Andy, Commented Aug 26, 2014 at 11:36
possible duplicate of stackoverflow.com/questions/9158238/… — code-jaff
– code-jaff, Commented Aug 26, 2014 at 11:59

Eshant Sahu · Accepted Answer · 2014-08-26 11:49:33Z

1

you can't have your function name same as your control name. i.e. fname & fname()

            <label>First Name<input type="text" name="fname" onkeyup="validateFname()"/></label><div id="fname"></div>

OK, Try something like this.

edited Aug 26, 2014 at 11:49

answered Aug 26, 2014 at 11:36

Eshant Sahu

3601 gold badge5 silver badges18 bronze badges

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

1 Comment

Linga Over a year ago

+1, you are right. But it seems to be a comment. Add some more explanation to your answer.

Vinc199789 · Accepted Answer · 2014-08-26 11:36:31Z

0

replace your onkeyup to this. I know it is the same code but sometimes it works when you relace you code by the same code form an other site. BTW it works fine if I test is on a site.

onkeyup="fname()"

answered Aug 26, 2014 at 11:36

Vinc199789

1,0461 gold badge11 silver badges32 bronze badges

Comments

scipilot · Accepted Answer · 2014-08-26 11:37:06Z

0

Raname your function to be different from the input name.

e.g.

<script>
    function valname(){
      alert('jjjj');
 }
</script>
</head>
<body>
    <h3> My Sign Up Form</h3>
    <form name="signup">

    <label>First Name<input type="text" name="fname" onkeyup="valname()"/></label><div id="fnameVal"></div><br>

answered Aug 26, 2014 at 11:37

scipilot

7,5672 gold badges58 silver badges77 bronze badges

Comments

Afsa · Accepted Answer · 2014-08-26 11:38:24Z

0

It seems as fname is a reference to your element in your form. Try changing the name of the function or the name of element.

function fnameFunc() {
   alert('jjjj');
}

And the HTML

<input type="text" name="fname" onkeyup="fnameFunc()"/>

answered Aug 26, 2014 at 11:38

Afsa

2,1451 gold badge17 silver badges20 bronze badges

Comments

Farshad · Accepted Answer · 2014-08-26 11:45:00Z

0

You can use jquery on keyup

$(document).ready(function() {

$('body').on("keyup", "input[name=fname]", function() {
    alert($(this).val());
    // do your stuff
});


});

JSFIDDLE DEMO

answered Aug 26, 2014 at 11:45

Farshad

1,4951 gold badge9 silver badges12 bronze badges

Collectives™ on Stack Overflow

Beginner Javascript - Object is not a function

5 Answers 5

1 Comment

Comments

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

1 Comment

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related