xxxxxxxxxx
$('form#id').submit(function(){
$(this).find(':input[type=submit]').prop('disabled', true);
});
xxxxxxxxxx
onClick="this.form.submit(); this.disabled=true; this.value='Sending…'; "
xxxxxxxxxx
// default type attribute of plain html button is "submit", so it will trigger submitting a form.
// add type="button" to a button in form to disable default behavior of submitting the form.
<button type="button" onClick={-do something else like a console log-}>Not a Submit</button>
// also could use preventDefault()
const handleClick = (e) => {
e.preventDefault()
// do something
}
xxxxxxxxxx
<form id="myForm">
<input type="text" name="username" disabled>
<input type="submit" value="Submit">
</form>
<script>
const form = document.getElementById("myForm");
form.addEventListener("submit", function(event) {
event.preventDefault(); // Prevent form submission
// Logic to handle form submission when needed
// ...
});
</script>