当字段为空时，在表单提交时向元素添加类

Question

我有一个表单，它有几个字段都在类联系人中，这些字段都有一个公共的标题。

我需要当用户点击submit而联系人字段未填充时，标题变为红色。这些字段（名字、姓氏、公司、营销电话、电子邮件）在提交为空时已添加类error。

这些字段都在类wrap_contact中，标签为联系人信息*。此标签在提交时不接收类错误。这是我需要补充的。我给标签一个idlabel2。所以我的如果然后是如果first_name、last_name、公司、Marketing_phone或电子邮件在提交时为空，那么label2添加了错误类。

我尝试添加以下代码，但没有成功。

 $( "#pardot-form" ).submit(function( event ) {
    var someElements = document.querySelector("p.error,input[name=263882_11763pi_263882_11763]}");

    if (someElements !== "") {
       document.getElementById('p.label2').addClass = 'error';
    }

 };

此表格可在以下网址在线查看：http://link.rubiconglobal.com/l/263882/2017-03-24/7ssj.

Answer 1

如果x元素有类，则将类添加到y元素：

     <script>
     if( $('.first_name, .last_name, .company, .zip, .Marketing_Phone, .email').hasClass('error') === true ) 
    {
    $('p#label2').addClass('label2error');
    }
    </script>

Answer 2

问题是你的提交仍然发生，页面被重新加载。您将需要添加event.preventDefault（）和event.stopProjuation（）来防止提交操作的发生和重新加载页面。或者，由于您正在使用jQuery，您可以简单地返回false，这两者都可以。见：https://stackoverflow.com/a/1357151/1736092