RSForm! Pro Обновить класс формы, если отображается сообщение об ошибке

Каков наилучший способ обновить класс формы в RSForm! Pro, если отображается сообщение об ошибке?

Можно ли это сделать с помощью jQuery или PHP-скрипта?

Код, когда отображается ошибка:

<form action="http://webaddresshere.com" enctype="multipart/form-data" class="formResponsive" id="userForm" method="post"><p class="error">Please complete all required fields!</p>
<h2>Inapub in your inbox</h2>
<!-- Do not remove this ID, it is used to identify the page so that the pagination script can work correctly -->
<fieldset id="rsform_5_page_0" class="formHorizontal formContainer">
    <div class="rsform-block rsform-block-intro">
        <p>Subscribe to our newsletter today to recieve the latest blogs and stories from the team and exclusive product offers</p>
    </div>
    <div class="rsform-block rsform-block-full-name">
        <div class="formBody"><input type="text" class="rsform-input-box" onfocus="this.value=''" id="Full name" name="form[Full name]" size="20" value="Full name"><span class="formValidation"><span class="formNoError" id="component47">Please enter your full name</span></span></div>
    </div>
    <div class="rsform-block rsform-block-email-address">
        <div class="formBody"><input type="text" class="rsform-input-box rsform-error" onfocus="this.value=''" id="email address" name="form[email address]" size="20" value="email address"></div>
    </div>
    <div class="rsform-block rsform-block-pubsupplier">
        <div class="formBody"><input type="checkbox" id="PubSupplier0" value="I work in a pub" name="form[PubSupplier][]"><label for="PubSupplier0">I work in a pub</label><input type="checkbox" id="PubSupplier1" value="I am a supplier" name="form[PubSupplier][]"><label for="PubSupplier1">I am a supplier</label></div>
    </div>
    <div class="rsform-block rsform-block-over-18">
        <div class="formBody"><input type="checkbox" id="Over 180" value="I confirm I'm over 18" name="form[Over 18][]"><label for="Over 180">I confirm I'm over 18</label></div>
    </div>
    <span class="formValidation"><span class="formError" id="component48">Please enter a valid email address</span></span>
<span class="formValidation"><span class="formError" id="component49">Please state you profession</span></span>
<span class="formValidation"><span class="formError" id="component50">Please confirm you are over 18.</span></span>
    <div class="rsform-block rsform-block-subscribe">
        <div class="formBody"><input type="submit" class="rsform-submit-button" id="Subscribe" name="form[Subscribe]" value="Subscribe"><span class="formValidation"></span></div>
    </div>
</fieldset>
<input type="hidden" value="5" name="form[formId]"></form>

Когда ошибка Пожалуйста, заполните все обязательные поля!

показано, что я хочу, чтобы класс формы был обновлен (или, по крайней мере, класс, добавленный к нему).
2 голоса | спросил RustyJoomla 28 52014vEurope/Moscow11bEurope/MoscowFri, 28 Nov 2014 12:46:23 +0300 2014, 12:46:23

1 ответ


1

Не знаете, как RSForm! Pro показывает сообщение об ошибках, но я предполагаю, что существует предопределенный HTML-элемент с классом, который установлен в display: block, если есть ошибка.

Итак, что бы я предложил сделать, это сделать ошибку, затем проверить элемент ошибки и проверить какие-либо классы, тогда вы можете использовать следующий jQuery:

jQuery(document).ready(function($){

    var errorMsg = $('.formError');

    if( errorMsg.is(':visible') ){          
        errorMsg.parents('.formResponsive').addClass('something');          
    } 

});
ответил Lodder 28 52014vEurope/Moscow11bEurope/MoscowFri, 28 Nov 2014 12:52:25 +0300 2014, 12:52:25

Похожие вопросы

Популярные теги

security × 330linux × 316macos × 2827 × 268performance × 244command-line × 241sql-server × 235joomla-3.x × 222java × 189c++ × 186windows × 180cisco × 168bash × 158c# × 142gmail × 139arduino-uno × 139javascript × 134ssh × 133seo × 132mysql × 132