Inline error message about october-plugin-forms HOT 7 CLOSED

Hi,
You can just remove your custom error display logic and leave it to the ajax framework. https://octobercms.com/docs/ajax/extras

Btw, nice work!

from october-plugin-forms.

I was working on the suggestion by @jajacobs and works fine except por recaptcha validation.

Another idea in #35 is to pass a variable with the errors and add some custom javascript to mark the fields.

from october-plugin-forms.

@Zmove or @jajacobs, can you test the branch "inline-errors" ?

There is a variable in the response and javascript (a new js file is loaded) marks the errors fields ...

This is a demo code i was testing

<form data-request="{{ __SELF__ }}::onFormSubmit" data-request-validate data-request-flash>

    {{ form_token() }}

    <div id="{{ __SELF__ }}_forms_flash"></div>

    <div class="form-group">
        <label for="name">Name:</label>
        <input type="text" id="name" name="name" class="form-control">
        <div data-validate-for="name"></div>
    </div>

    <div class="form-group">
        <label for="email">Email:</label>
        <input type="text" id="email" name="email" class="form-control">
        <div data-validate-for="email"></div>
    </div>

    <div class="form-group">
        <label for="subject">Subject:</label>
        <input type="text" id="subject" name="subject" class="form-control">
    </div>

    <div class="form-group">
        <textarea id="comments" name="comments" rows="8" cols="80"></textarea>
    </div>

    <button id="simpleContactSubmitButton" type="submit" class="btn btn-default">Submit</button>

</form>

Thanks.-

from october-plugin-forms.

Why don't you put <span data-validate-for="g-recaptcha-response"></span> under {% partial '@recaptcha' %} ?

<div class="form-group">
        {% partial '@recaptcha' %}
        <span data-validate-for="g-recaptcha-response"></span>
</div>

from october-plugin-forms.

The BETA branch has the inline functionality.
Anyone wants to test before release?

Thanks.-

from october-plugin-forms.

Inline errors was release in version 1.3.7

from october-plugin-forms.

Small question that refer to that issue that was merged with this one.

How do you add an "has-error" class to element that does not validate ?

I red the documentation, was able to display the error message in a div under the field, but I don't see how can I add an error class to the parent div of the field that don't validate.

Thanks for the help

EDIT : And I found a small issue with inline error message (they don't disappears if the form correctly validate a second time). To reproduct :

• Create a form with inline validation field (required for example)
• Submit the form with a required field empty, the inline validation message will be displayed
• Fill that required field, and submit the form again
• The inline error message will still appears whereas that form element is valid, I think it's a UI issue. The message should disappear.

from october-plugin-forms.