我正在为一个简单的新闻通讯表单做一些基本验证,该表单只需要电子邮件。由于页面中有这个表单/输入的方式,实际上没有空间添加任何jQuery验证错误消息,因此我尝试添加一个简单的HTML 5 required属性,但是即使空白,表单仍然提交。
最好的方法是什么,以便为此添加一些简单的验证,以便表单检查电子邮件地址、是否填写,并且最小长度为4个字符?
<form action="" method="POST" id="newsletter-form">
<input type="email" id="footer-grid1-newsletter-input" placeholder="Your Email Address" required>
<input type="submit" id="footer-grid1-newsletter-submit" name="submit" value=' '>
</form>
$("#footer-grid1-newsletter-submit").on("click", function (event) {
event.preventDefault();
var newsletter_email = $("#footer-grid1-newsletter-input").val();
var targeted_popup_class = jQuery(this).attr('data-popup-open');
$.ajax({
url: "newsletterSend.php",
type: "POST",
data: {
"newsletter_email": newsletter_email
},
success: function (data) {
// console.log(data); // data object will return the response when status code is 200
if (data == "Error!") {
alert("Unable to insert email!");
alert(data);
} else {
$("#newsletter-form")[0].reset();
$('.newsletter-popup').fadeIn(350).delay(2000).fadeOut();
}
},
error: function (xhr, textStatus, errorThrown) {
alert(textStatus + " | " + errorThrown);
//console.log("error"); //otherwise error if status code is other than 200.
}
});
});
$(“#footer-grid1-newsletter-submit”).on(“click”,function(event){
。那么,我应该总是绑定我的表单吗? - PaulEnter
键,表单的提交事件会触发,但不会点击按钮。忘记按钮吧。 - charlietfl