validate form
HTML
<form>
<label for="fullName">Full Name</label>
<input name="fullName" id="fullName" type="text">
<label for="email">Email</label>
<input name="email" id="email" type="text">
<label for="phone">Phone</label>
<input name="phone" id="phone" type="text" placeholder="xxx-xxxxxxx">
<label for="msg">Msg</label>
<small id="left">(100 chars left)</small>
<textarea name="msg" id="msg"></textarea>
<button type="button" id="send">Send me</button>
</form>
CSS
label, button {
display: block;
}
JavaScript
var msg = $("#msg");
/**check validate in form1
*/
function validateForm() {
var fullName = $('#fullName').val();
var phoneNumber = $('#phone').val();
var email = $("#email").val();
var atPos = email.indexOf('@');
var dotPos = email.lastIndexOf('.');
var successFlag = 1;
if (fullName === null || fullName === "") {
alert("חובה להזין שם מלא");
successFlag = 0;
}
if (email === null || email === "" || atPos < 1 || dotPos < atPos + 2 || dotPos + 2 >= email.length) {
alert("אימייל לא תקין");
successFlag = 0;
}
if(phoneNumber.length !== 10) {
alert("מספר טלפון חייב להיות 10 ספרות");
successFlag = 0;
}
else {
for (var i = 0; i < phoneNumber.length; i++) {
if (phoneNumber.charAt(i) >= '0' && phoneNumber.charAt(i) <= '9') {
//alert("תקין");
} else {
alert("מספר לא תקין");
successFlag = 0;
}
}
}
if(successFlag) {
alert("הטופס נשלח בהצלחה");
}
}
$(document).ready(function() {
$('#send').click(validateForm);
msg.keyup(updateCharsLeft);
msg.attr('maxlength','100');
function updateCharsLeft() {
var charsLeft = 100 - msg.val().length;
$("#left").text("(" + charsLeft + " chars left)");
}
});