xxxxxxxxxx
<form onsubmit="myFunction()">
Enter name: <input type="text">
<input type="submit">
</form>
<script>
function myFunction() {
alert("The form was submitted");
}
</script>
xxxxxxxxxx
<form onsubmit="return validateForm(event)">
<input type="text" name="username" placeholder="Username" required>
<input type="password" name="password" placeholder="Password" required>
<input type="submit" value="Submit">
</form>
<script>
function validateForm(event) {
// Perform form validations or additional actions here
if (/* some validation condition fails */) {
event.preventDefault(); // Prevents form submission if validation fails
// Display error message or take necessary actions
} else {
// Form is valid, continue submitting
}
}
</script>
xxxxxxxxxx
<form id="schedule_a_call_form" method="post" action="#" onsubmit="add_schedule_a_call();return false">
</form>
function add_schedule_a_call() {
// $('.loadingk').show();
var formData = new FormData(document.getElementById("schedule_a_call_form"));
formData.append('number', phone);
$.ajax({
url: "../controller/home/php/schedule_a_call.php?type=100",
type: "POST",
data: formData,
contentType: false,
processData:false,
cache: false,
success: function(dataResult){
console.log(dataResult);
var dataResult = JSON.parse(dataResult);
if(dataResult.statusCode==200){
$('#schedule_a_call_form').trigger("reset");
$.notify(
dataResult.msg, { position:"top right", className: 'success' }
);
$('#msgorerror').html('<div class="message-box success" ><p>'+dataResult.msg+'</p></div>');
}else if(dataResult.statusCode==201){
$.notify(
dataResult.msg, { position:"top right", className: 'error' }
);
$('#msgorerror').html('<div class="message-box error" ><p>'+dataResult.msg+'</p></div>');
}
}
});
}