Remote Validation Example?

This topic has 10 replies, 4 voices, and was last updated 3 years, 2 months ago by Long Nguyen.

Viewing 11 posts - 1 through 11 (of 11 total)

Author

Posts
November 20, 2020 at 4:17 AM #22933

Mitchell Valk
Participant

Hi,

I'm currently working on some remote validation and I sort of got it working with just the admin ajax url, but I'm now wanting to get more control over the data that is being send to the ajax function. Currently I can only access the field on which the validation is being done on, I want to check two fields at the same time.

Is there some kind of example somewhere how I can use the more advanced remote settings as described in the documentation?

Thanks!

Add New Note to this Reply

November 20, 2020 at 4:23 AM #22934
Mitchell Valk
Participant
For other people trying to initially find out how the remote function works, since I had some issue finding this out initially, here's some sample code.
```
'validation' => array(
    'rules' => array(
        'field_id' => array(
            'remote' => admin_url( 'admin-ajax.php?action={action_name}' ),
        ),
    ),
),
```
```
add_action( 'wp_ajax_{action_name}', 'remote_validation' );

function remote_validation() {
    echo wp_json_encode( 'true' );
    return true;
}
```
Add New Note to this Reply
November 21, 2020 at 7:53 AM #22957
Long Nguyen
Moderator
Hi Mitchell,

The validation is being checked immediately after you click outside the input box. You can check more fields by adding more rules. One action name should be checked for one field ID.
```
'validation' => array(
    'rules' => array(
        'field_id1' => array(
            'remote' => admin_url( 'admin-ajax.php?action={action_name1}' ),
        ),
        'field_id2' => array(
            'remote' => admin_url( 'admin-ajax.php?action={action_name2}' ),
        ),
    ),
    'messages' => array(
        'field_id1' => array(
            'remote'  => 'value is not passed',                    
        ),
    )
),
```
```
add_action( 'wp_ajax_{action_name1}', 'remote_validation' );

function remote_validation() {
    if( $_GET['field_id1'] === 'something' ) {      
        echo "true"; //valid
    } else {
        echo "false"; //invalid
    }
    die();
}
```
For more information, please follow the documentation
https://jqueryvalidation.org/remote-method/
https://www.sitepoint.com/jquery-ajax-validation-remote-rule/

Note: validation remote seems does not work with Block Editor, please use the Classic Editor to use the custom validation. I will create a feature request for the developer team to support Block Editor.

Add New Note to this Reply
November 21, 2020 at 8:58 AM #22960

Mitchell Valk
Participant

Thanks for the response, the thing I'm trying to do is check if a post exists already that has 1 or 2 exact values. So to be more specific, I'm adding a chapter, and a chapter can have a chapter_number and chapter_part meta, so I'm already checking if the chapter_number is unique, but if chapter_part is also set, it needs to look for a post that has both metas set and if it exists, return false.

So far all my attempts to get the data of 2 fields in one remote validation have not worked.

Add New Note to this Reply

December 1, 2020 at 3:07 PM #23134
Anh Tran
Keymaster
Hi Mitchell,

I think it's doable since the remote method of jQuery validation allows you to send multiple data. Here's what I have in mind (not tested):
```
rules: {
    chapter_number: {
        remote: {
            url: "admin-ajax.php?action=validate_chapter_number",
            type: "post",
            data: {
                chapter_number: function() { // Get chapter_number value
                    return $("#chapter_number").val();
                },
                chapter_part: function() { // Get chapter_part value
                    return $("#chapter_part").val();
                }
            }
        }
    }
}
```
Add New Note to this Reply
September 6, 2021 at 6:01 PM #30625
Fede
Participant
Is it possible to use remote validation from the Meta Box Builder interface? Which URL should I specify?
I'm trying this way and I can't get it to work:

Meta Box Builder
```
add_action('wp_ajax_check_descripcion', 'ks_validate_descripcion');
function ks_validate_descripcion()
    {
        echo 'false';
        die();
    }
```
Add New Note to this Reply
September 7, 2021 at 8:33 AM #30640

Long Nguyen
Moderator

Hi Fede,

The remote value in the Builder should be the full site URL.

https://your-site.com/wp-admin/admin-ajax.php?action=check_descripcion

Add New Note to this Reply

September 7, 2021 at 4:39 PM #30649

Fede
Participant

I have set the full URL in the callback and it works, but only partially.

When I submit the form, the error message indicated in the Meta Box Builder below the field appears briefly, but the validation continues and the post is saved.

What am I doing wrong, how do I stop the validation when I reach this field?

Add New Note to this Reply

September 8, 2021 at 9:45 AM #30662

Long Nguyen
Moderator

Hi Fede,

I've created a note for this case on this reply https://support.metabox.io/topic/remote-validation-example/#post-22957

Note: validation remote does not work with Block Editor, please use the Classic Editor to use the custom validation.

Add New Note to this Reply

September 8, 2021 at 3:04 PM #30665
Fede
Participant
I expose my complete casuistry because it still does not work:

I have a custom post type with no editor support.
https://imgur.com/a/RnZBC4c
Associated to that CPT I have a group of fields, one of the fields is a WYSIWYG editor with the ID 'post_content'.
https://imgur.com/a/3HPGWA2
In the code of a plugin I have the AJAX call to action:
```
add_action('wp_ajax_check_descripcion', 'ks_validate_descripcion');

function ks_validate_descripcion()
    {
        echo 'false';
        die();
    }
```
When I submit the frontend form, the validation occurs and I can see the error message set in the Meta Box Builder 'description failure', but the form submission continues its execution and ends up saving the post.

If the CPT doesn't have editor support, I'm not using the block editor, am I?

How can I make the validation stop?

Thanks.

Add New Note to this Reply
September 8, 2021 at 8:55 PM #30667

Long Nguyen
Moderator

Hi Fede,

Thank you for your feedback.

The remote validation does not look works with the Frontend Submission extension. You can try to use the Frontend Validation to validate the field value. Please get more details on this solution https://docs.metabox.io/extensions/mb-frontend-submission/#validation

Add New Note to this Reply
Author

Posts

Viewing 11 posts - 1 through 11 (of 11 total)

You must be logged in to reply to this topic.