html表单验证的作用,HTML5中的表单验证不起作用

嗨你能看看我的HTML和函数吗？必填字段不起作用。任何想法为什么？

这是我的功能。我不确定它为什么不把它作为必填字段来提取。我自己并没有创建这个表单，而是试图以某种方式解决它。

谢谢

(function($){

$(document).ready(function() {

$('#submit-form').click(function(e){

e.preventDefault();

var reg = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/;

var name = $('#name').val(),

email = $('#email').val(),

phone = $('#phone').val(),

date = $('#date').val(),

message = $('#message').val(),

data_html,

success = $('#success');

if(name == "")

$('#name').val('Please enter your name.');

if(phone == "")

$('#phone').val('Please enter your phone number.');

if(date == "")

$('#date').val('Please enter a date and time.');

if(email == ""){

$('#email').val('Your email is required.');

}else if(reg.test(email) == false){

$('#email').val('Invalid Email Address.');

}

if(message == "")

$('#message').val('Message is required.');

if(message != "" && name != "" && reg.test(email) != false) {

data_html = "name=" + name + "&email="+ email + "&message=" + message + "&phone="+ phone + "&date="+ date;

//alert(data_html);

$.ajax({

type: 'POST',

url: '../contact_form.php',

data: data_html,

success: function(msg){

if (msg == 'sent'){

success.html('

Message successfully sent!

') ;

$('#name').val('');

$('#phone').val('');

$('#email').val('');

$('#date').val('');

$('#message').val('');

}else{

success.html('

Message not sent! Please Try Again!

') ;

}

}

});

}

return false;

});

});

});