sails.js - SailsJs ajax フォーム検証

Question

SailsJs の組み込み vue コンポーネント「ajax-form」で関数を実行する方法はありますか? フォームが送信されたときに実行して検証を行いたいのですが、データがバックエンドに送信される前に実行します。

Answer 1

Ajax フォームは非常に便利です。また、Sails.js によって十分にサポートされています。

フォームの設定方法の例を次に示します。

<ajax-form action="createOneThing" :syncing.sync="syncing" :cloud-error.sync="cloudError" 
:form-errors.sync="createThingFormErrors" :form-data="createThingFormData"
:form-rules="createThingFormRules" @submitted="submittedCreateThingForm($event)">

   <label for="thing-name">Thing Name:</label>
   <input class="form-control" :class="[createThingFormErrors.thingName ? 'is-invalid' : '']" 
   type="text" id="thing-name" v-model="createThingFormData.thingName">
   <div class="invalid-feedback" v-if="createThingFormErrors.thingName">Make up a name for your thing.</div>


   <ajax-button type="submit" :syncing="syncing">Delete</ajax-button>

</ajax-form>

次に、次のページ スクリプトでオブジェクトを設定する必要がありますdata。

    createThingFormData: {},
    createThingFormErrors: {},
    createThingFormRules: {
     thingName: { required: true },
    }

Ajax の使用方法に関する詳細については、この投稿を確認することもでき ます https://www.formget.com/form-validation-using-ajax/