Question

我有一个名为sub_form的表单，有2个输入，其中一个输入是电子邮件地址，另一个是从下拉菜单中选择的。下面的Javascript检查电子邮件地址是否有效，并将两个输入的值打印到控制台日志。

问题是，当输入错误的电子邮件时，它会显示错误消息但仍会打印到控制台。

我如何解决此问题，以便输入只有在输入有效电子邮件时才会打印到控制台？

<!-- validator -->
$('#sub_form').bootstrapValidator({live: 'disabled',
 fields: {
 email: {
  validators: {
   emailAddress: {
     message: 'Invalid email' } }},}});

<!--print to console-->
document.getElementById('sub_form').onsubmit = function(){
       console.log(document.getElementById('email').value);
       console.log(document.getElementById('dropdown').value);
       return false;
}

Answer 1

根据我对该问题的评论，据我所知，此验证库是here的旧版本。我的公司碰巧使用同一个，所以我一直在使用该网站作为参考。只需替换＆＃34; formValidation＆＃34;使用＆＃34; bootstrapValidator＆＃34;的方法，并且事件使用＆＃34; bv＆＃34;命名空间而不是＆＃34; fv＆＃34;。

验证器应提供一些检查其有效状态的方法。你可以使用：

var validator = $('#sub_form').data('bootstrapValidator');
if (validator.isValidField('email')) {
  console.log(document.getElementById('email').value);
}

有关详细信息，请参阅here。

如何改进此电子邮件地址验证方法？

1 个答案: