Laravel Nova custom field, prevent submit form on press 'Enter' key

Question

I created a custom Nova Field to autocomplete addresses via Google Place API.

When I select the suggested address from autocomplete dropdown and press 'Enter' key, the resource Create form is getting submitted.

Is there any way to prevent keypress event going up after address input field received the event in Vue.js component or from Nova side, to prevent the form from getting submitted?

Hadi Sharghi · Accepted Answer · 2019-08-10 10:49:48Z

1

Found the solution

Just have to put @keypress.enter.prevent in input tag

            <input
                    :id="field.name"
                    type="text"
                    class="w-full form-control form-input form-input-bordered"
                    :class="errorClasses"
                    :placeholder="field.name"
                    v-model="value"
                    @keypress.enter.prevent
            />

answered Aug 10, 2019 at 10:49

Hadi Sharghi

1,01517 silver badges38 bronze badges

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

Collectives™ on Stack Overflow

Laravel Nova custom field, prevent submit form on press 'Enter' key

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