Laravel VueJS Address Validation RegExp not working

Question

In my Laravel 6.18 project, I have setup VueJS with Webpack manager.

I am working on client-side validation for validating User's Street Address in an application form.

I am using VeeValidate library of VueJS for validations, where we can provide the RegExp along with required validations separated by | symbol.

Now when I try to use the Regex [\w',-\\/.\s] in the application form with necessary character escaping as below, it gives the error SyntaxError: Invalid regular expression: /^[\w'/: Unterminated character class in the Browser's Console tab:

<input type="text"
    id="address"
    name="address"
    v-validate="'required|regex:^[\\w\'\,\-\/\.\\s]*$|max:75'"
    class="browser-default"
    required v-model="address"
    @blur="$emit('local-storage', 'address', address)"/>
<span class="missing-alert" v-show="errors.has('address')">Enter valid address</span>

Can anyone assist in understanding what's the syntactic error when using the said Regex inside Vue document textbox code ?

Try v-validate="'required|regex:/^[\\w\\/.\\',\\s-]*$/|max:75'" — Wiktor Stribiżew
– Wiktor Stribiżew, Commented Sep 21, 2020 at 16:16
Maybe v-validate="'required|regex:/^[\\w\\/.\\x27,\\s-]*$/|max:75'"? — Wiktor Stribiżew
– Wiktor Stribiżew, Commented Sep 21, 2020 at 20:03

Ryley · Accepted Answer · 2020-09-21 20:45:54Z

1

Use the other form for specifying your rules - an Object, like so:

v-validate="{ required: true, regex:/^[\\w\'\,\-\/\.\\s]*$/, max:75 }"

answered Sep 21, 2020 at 20:45

Ryley

21.3k2 gold badges69 silver badges82 bronze badges

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

Collectives™ on Stack Overflow

Laravel VueJS Address Validation RegExp not working

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related