How to Call a JS function using OnClick event [duplicate]

by

You are attempting to attach an event listener function before the element is loaded. Place fun() inside an onload event listener function. Call f1() within this function, as the onclick attribute will be ignored.

function f1() {
    alert("f1 called");
    //form validation that recalls the page showing with supplied inputs.    
}
window.onload = function() {
    document.getElementById("Save").onclick = function fun() {
        alert("hello");
        f1();
        //validation code to see State field is mandatory.  
    }
}

JSFiddle

More Related Contents:

  1. My form’s validate() is not working
  2. HTML5 form required attribute. Set custom validation message?
  3. Enable/Disable submit button if checkbox is checked/unchecked?
  4. Best JavaScript solution for client-side form validation and interaction? [closed]
  5. HTML/JavaScript: Simple form validation on submit
  6. How to show setCustomValidity message/tooltip without submit event
  7. How to set custom validation messages for HTML forms?
  8. Trigger standard HTML validation (form) without using submit button? [duplicate]
  9. Angular form validation ng-disabled not working
  10. How can I void a form action and execute jQuery when all HTML form elements are validated?
  11. How to prevent form from being submitted?
  12. Clearing using jQuery
  13. Set the value of an input field
  14. Best way to track onchange as-you-type in input type=”text”?
  15. How to get the raw value an field?
  16. How can I listen to the form submit event in javascript?
  17. How to avoid the need for ctrl-click in a multi-select box using Javascript?
  18. Drop-down box dependent on the option selected in another drop-down box
  19. Change the content of a div based on selection from dropdown menu
  20. Appending form input value to action url as path
  21. jQuery Change event on an element – any way to retain previous value?
  22. HTML form with two submit buttons and two “target” attributes
  23. Getting an option text/value with JavaScript
  24. How to use JavaScript to change the form action [duplicate]
  25. Why does a FORM with one text INPUT submit on enter while one with two text INPUTs does not? [duplicate]
  26. Check if input is number or letter javascript
  27. How can I get all a form’s values that would be submitted without submitting [duplicate]
  28. Get content of span
  29. Copy/Paste from Excel to a web page
  30. How to highlight a part part of an Input text field in HTML using Javascript or JQuery

Leave a Comment