Form Submit Execute JavaScript Best Practice? [closed]

by

Use the onsubmit event to execute JavaScript code when the form is submitted. You can then return false or call the passed event’s preventDefault method to disable the form submission.

For example:

<script>
function doSomething() {
    alert('Form submitted!');
    return false;
}
</script>

<form onsubmit="return doSomething();" class="my-form">
    <input type="submit" value="Submit">
</form>

This works, but it’s best not to litter your HTML with JavaScript, just as you shouldn’t write lots of inline CSS rules. Many Javascript frameworks facilitate this separation of concerns. In jQuery you bind an event using JavaScript code like so:

<script>
$('.my-form').on('submit', function () {
    alert('Form submitted!');
    return false;
});
</script>

<form class="my-form">
    <input type="submit" value="Submit">
</form>

Leave a Comment

tech