JS function onclick is not working. It is not calling validations

Question

Below is function and it is not working. Maybe some small bug in the code which I am unable to identify.

<!DOCTYPE html>
<script>
function check(){
  firstname=document.getelementById("firstname").value;
  lastname=document.getelementById("lastname").value;
  if(lastname==""){
    alert('please enter lastname');
  }
}
</script>

<form action="" method="post" onSubmit="check();">
            <input type="text" id="firstname" name="firstname" ><br>
            <input type="text" id="lastname" name="lastname" ><br>
            <input type="submit"  value="submit">
</form>
</body>
</html>

JavaScript is case-sensitive, hence there should be an error in the console -> .getElementById() — Andreas
– Andreas, Commented Jul 29, 2022 at 11:53
Press F12 to open your browser's debugging tools. When you click the button, are there any errors on the browser console? Is the page re-loading entirely? — David
– David, Commented Jul 29, 2022 at 11:54

Sachin Padha · Accepted Answer · 2022-07-29 11:56:19Z

1

The bug in the code: case sensitive getelEmentById. Please below code and test it

function check(){
  firstname=document.getElementById("firstname").value;
  lastname=document.getElementById("lastname").value;
  if(lastname==""){
    alert('please enter lastname');
  }
}

edited Jul 29, 2022 at 11:56

answered Jul 29, 2022 at 11:52

Sachin Padha

2211 silver badge4 bronze badges

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

Comments

Bjop · Accepted Answer · 2022-07-29 11:54:58Z

1

GetElementById, element with a capital E
JavaScript is case sensive. TIP: use developer options in your browser. They usualy give an error message.

<!DOCTYPE html>
<script>
function check(){
  firstname=document.getElementById("firstname").value;
  lastname=document.getElementById("lastname").value;
  if(lastname==""){
    alert('please enter lastname');
  }
}
</script>

<form action="" method="post" onSubmit="check();">
            <input type="text" id="firstname" name="firstname" ><br>
            <input type="text" id="lastname" name="lastname" ><br>
            <input type="submit"  value="submit">
</form>
</body>
</html>

answered Jul 29, 2022 at 11:54

Bjop

3366 silver badges22 bronze badges

Collectives™ on Stack Overflow

JS function onclick is not working. It is not calling validations

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related