Jquery 验证电子邮件字段并确保不为空

当试图提交表单时，我正在表单字段上运行一个小jQuery脚本，以检查电子邮件表单字段是否正确完成，因为我不能依赖HTML5验证。代码如下。。。问题是。。。如果您将字段留空并点击提交按钮，则当该字段为false时，它将验证为正确。。我错过了什么

<script>

function validateEmail(email) {
var emailReg = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/;
return emailReg.test( email );
}

var clicked = jQuery(".button");

clicked.click(function() {
var email = jQuery("input[type='email']").val();
( !validateEmail(email) ) ? alert('Please complete the mandatory email field') : this.form.action='https://brandname.us2.list-manage.com/subscribe/post?u=123&amp;id=abc';this.form.submit();
});


</script>

功能验证电子邮件（电子邮件）{
var emailReg=/^（[\w-\.]+@（[\w-]+\.）+[\w-]{2,4}）？$/；
返回emailReg.test（电子邮件）；
}
var clicked=jQuery（“.button”）；
单击。单击（函数（）{
var email=jQuery（“输入[type='email']”）。val（）；
（！validateEmail（email））？警报（'请填写必填的电子邮件字段'）：this.form.action='https://brandname.us2.list-manage.com/subscribe/post?u=123&；id=abc'；this.form.submit（）；
});

正则表达式不检查电子邮件是否为空，因此将检查添加到if中，如下所示：

 (email && !validateEmail(email) ) ? alert('Please complete the mandatory email field'): 

---

谢谢-仍然允许将空白字段识别为有效字段？