SailsJs ajax-表单验证

Question

有什么方法可以运行 SailsJs 中内置 vue 组件 "ajax-form" 的函数吗？我希望它在提交表单时运行并进行一些验证，但发生在数据发送到后端之前。

Answer 1

Ajax-form 非常好用。它得到 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 },
    }

您还可以查看此 post 以获取有关 Ajax 的更多使用信息 https://www.formget.com/form-validation-using-ajax/

SailsJs ajax-表单验证

SailsJs ajax-form validation

ajax-forms

sails.js