Reset button not working on loading JavaScript

Question

when I remove javascript my reset button works fine but when I load JavaScript its stops working.I have also tried making rest button using jQuery function. I have also tried using input type="reset" value="Reset" but it is also not working. I have tried every thing that I know now I do not know what to do.

Please help

$(document).ready(function c () {
  $("#f").click(function(event){
    $("body").toggleClass("hi");
    event.preventDefault();
  });			
});

$(document).ready(function c1() {
  $("body").click(function(event){
    $("p").toggleClass("hii");
    event.preventDefault();
  });			
});   

//reset funtion using jquery
/*$(document).ready(function re(){
  $("form").click(function(event){
    $("#r").reset(); //reset funtion using jquery
  });	
})*/

body{
  font-size: x-large;
}
h2{
  color: blue;
}
body.hi{
  background:#242424;
  color: white;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div align="right"><input type="submit" id="f" name="night mode" value="night mode" onclick="c()" onclick="c1()"></div>
<h2>contact form</h2>
<form action="mailto:[email protected]" method="post" enctype="text/plain">
  <label  for="company">company's name<br>
    <input type="text" id="company" name="company" autocomplete="companyname" placeholder="name" >
  </label><br>
  <label for="contact_person">contact person<br>
    <input type="text" id="contact_person" name="contact person" autocomplete="contact person" placeholder="name">
  </label><br>
  <label for="email">email <br>
    <input type="email" id="email" autocomplete="email" name="email" placeholder="[email protected]"> <br>
  <label >Subject</label>
  <br>
  <textarea  name="subject" placeholder="Write something.."></textarea><br>
  <button type="submit" value="Submit">Submit</button> reset button 
    I have also tried using input type="reset" value="Reset"
                but it is also not working 
  <button type="reset"  onclick="re()" id="r">Reset</button>
</form>

reset funtion using jquery - possibly this syntax error is screwing with you — Jaromanda X
– Jaromanda X, Commented Oct 30, 2017 at 4:17

Shaunak Shukla · Accepted Answer · 2017-10-30 04:39:53Z

4

Your problem is that you are writing your $(document).ready() wrong. You do not declare a callable function as a parameter name to ready(). It should look like this:

$(document).ready(function() {
    function myFunc(event) {
        console.log("Function MyFunc() called");
    }
});

Next you should only have one $(document).ready(). JavaScript does support multiple ready() declarations, but this just clutters up your code.

$( document ).ready()

edited Oct 30, 2017 at 4:39

Shaunak Shukla

2,3472 gold badges19 silver badges30 bronze badges

answered Oct 30, 2017 at 4:34

John Hanley

81.8k7 gold badges115 silver badges181 bronze badges

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

Collectives™ on Stack Overflow

Reset button not working on loading JavaScript

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related