How to validate a JSON Request object in laravel validation?

Question

How will I validate the current entries from here , this is the json response inside the Chrome Devtools after submitting the form thru axios ?

And this is in my UpdateProfileRequest.php

    public function rules()
    {
     return [
        'username'         => 'required|unique:users|min:3',
       'password'    =>      'required|min:8|confirmed',
       'confirm_password'        => 'required|',
       'current_password'       => 'required|u',
       'country_id'      => 'required|integer',
       'display_name'     => 'required|min:5',
       'email'    => 'required|unique:users,email_address',
       'phone_number' => 'required|alpha_num',
       'image' => 'mimes:jpg,png,gif'
     ];

This is the whole response from the request

$In the App\Http\Requests\UpdateProfileRequest$

This is inside my UpdateProfile.vue

<div>
        <div v-if="user != null">
            <form class="bg-white m-auto h-full p-4 w-full" id="setup-billing-form" @submit.prevent="submitProfile()" method="POST">
                <div class="flex inline-block">
                    <div id="input-group" class="w-3/5">    
                        <label for="name" class="block uppercase tracking-wide text-black-v2 text-xs font-bold mb-2">Username
                        </label>
                        <input v-model="form.username" type="text" class="hover:bg-grey-lightest bg-grey-lighter w-full mb-2 p-2 leading-normal" id="pin" name="pin" autocomplete="name" placeholder="Your Username" required>
                    </div>
                    <div id="input-group" class="ml-2 w-3/5">   
                        <label for="name" class="block uppercase tracking-wide text-black-v2 text-xs font-bold mb-2">Email
                        </label>

this is is inside my axios request

submitProfile(){
        let data = new FormData();
        axios.put(this.endpoint, { 
            form : this.form , 
            image : this.image
        }).then(response => {
            console.log(response.data);             
        }).catch(error => {
            console.log(error);
        });
    },

Now, I want to ask if how do I validate those requests inside my UpdateProfileRequest, should I add the form. to each of those requests ?

Please read the description above, I already gave you the request form — TheBAST
– TheBAST, Commented Dec 2, 2019 at 3:07

Community · Accepted Answer · 2020-06-20 09:12:55Z

1

Two Methods:

1. just use form.username to validate

$rule = [
        'form.username'         => 'required|unique:users|min:3',
       'form.password'    =>      'required|min:8|confirmed',
       'form.confirm_password'        => 'required|',
       'form.current_password'       => 'required|u',
       'form.country_id'      => 'required|integer',
       'form.display_name'     => 'required|min:5',
       'form.email'    => 'required|unique:users,email_address',
       'form.phone_number' => 'required|alpha_num',
       'image' => 'mimes:jpg,png,gif'
     ];
$validator = Validator::make($request->all(), $rules);
if ($validator->fails()) {
}

2. Flatten the object to request:

It seems that you new a formdata without using it.

And pass the data with keys form and image.

You need to flatten your object before put it:

submitProfile(){
        // if you use formdata
        // let form = new FormData(this.form);
        // let form = form.append('image', this.image);
        let form = Object.assign({}, this.form);  // clone this.form
        form['image'] = this.image;

        axios.put(this.endpoint, form).then(response => {
            console.log(response.data);             
        }).catch(error => {
            console.log(error);
        });
    },

This request that you can directly validate by 'username', 'password', ... without prefix form.

and if you want to insert the datas, you can just use $request->except('image').

edited Jun 20, 2020 at 9:12

CommunityBot

11 silver badge

answered Dec 2, 2019 at 8:54

TsaiKoga

13.4k2 gold badges23 silver badges31 bronze badges

Sign up to request clarification or add additional context in comments.

13 Comments

TheBAST Over a year ago

Is it advisable to use formdata ??

TheBAST Over a year ago

Because I'm not using formdata inside it

TsaiKoga Over a year ago

@TheBAST ok, I have changed it to object.

TheBAST Over a year ago

Please show me a way on how yo handle that in your controller

TheBAST Over a year ago

axios.put(this.endpoint, {  				form : this.form ,  				image : this.image 			}).then(response => { 				console.log(response.data); 			 			}).catch(error => { 				console.log(error); 			});

My form looks like this

form : {  				username : this.user.username,  				email : this.user.email,  				id : this.user.id,  				current_password : "", 				password : "",  				confirm_password : "",  				display_name : this.user.display_name, 				phone_number : this.user.phone_number, 				country_id : this.user.country_id 				// uploadUrl : urls.update_profiles_endpoint, 			}

|

Collectives™ on Stack Overflow

How to validate a JSON Request object in laravel validation?

1 Answer 1

Two Methods:

1. just use form.username to validate

2. Flatten the object to request:

13 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Two Methods:

1. just use form.username to validate

2. Flatten the object to request:

13 Comments

Your Answer

Sign up or log in

Post as a guest

Related