0

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>
Kobi K
  • 7,743
  • 6
  • 42
  • 86
user3760639
  • 73
  • 1
  • 4

5 Answers5

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.

Eshant Sahu
  • 360
  • 1
  • 4
  • 18
  • +1, you are right. But it seems to be a comment. Add some more explanation to your answer. – Linga Aug 26 '14 at 11:41
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()"
Vinc199789
  • 1,046
  • 1
  • 10
  • 31
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>
scipilot
  • 6,681
  • 1
  • 46
  • 65
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()"/>
Afsa
  • 2,025
  • 1
  • 16
  • 19
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

Farshad
  • 1,465
  • 1
  • 9
  • 12