## iView表單驗證器問題 - 已填入字段值仍提示為空時，記得在data中添加該字段初始值 - 注意設置驗證數據類型`type`需與字段類型保持一致，詳見 [async-validator](https://github.com/yiminghe/async-validator) （iView基于該項目實現的數據驗證）。以下為`type`的可選值： * `string`: 必須為`string`【默認值】 * `number`: 必須為`number` * `boolean`: 必須為`boolean` * `method`: 必須為`function` * `regexp`: 必須滿足有效的正則表達式 * `integer`: 必須為`number`并且為整型 * `float`: 必須為`number`并且為浮點數 * `array`: 必須為數組`Array.isArray` * `object`: 必須為`object`并且不是數組`Array.isArray` * `enum`: 必須為`enum`枚舉類型 * `date`: 必須為`Date`日期類型 * `url`: 必須為`url` * `hex`: 必須為`hex`十六進制 * `email`: 必須為`email`郵箱格式 * `any`: 可以為任意類型 ## iView日期組件表單驗證+后端接收校驗【編輯日期字段】 - 后端統一轉化并接收指定時間格式字符串，因前端組件僅支持date類型，且減少前端時間轉化工作量，不建議使用時間戳格式存儲，注意時區的設定 ``` java @JsonFormat(timezone = "GMT+8", pattern = "yyyy-MM-dd HH:mm:ss") @DateTimeFormat(pattern = "yyyy-MM-dd HH:mm:ss") // XBoot提供的自定義日期校驗注解 @DateValidator private Date createTime; ``` - 前端提交數據前記得處理轉換時間格式，使用全局掛載的`date-fns`提供的時間轉換方法`format()` - 表單驗證驗證需要為必填字段時，建議`type`填寫為`date`，避免類型轉換導致驗證不通過 > 示例 ``` javascript ... <!-- Template部分 --> <Form ref="form" :model="form" :label-width="80" :rules="formValidate"> <FormItem label="日期" prop="date"> <DatePicker v-model="form.date" type="date"/> </FormItem> </Form> ... // JS部分 formValidate: { date: [{ required: true, type: "date", message: "不能為空", trigger: "blur" }] } ... methods: { submit(v) { if (typeof this.form.date == "object") { this.form.date = this.format(this.form.date, "yyyy-MM-dd"); } } } ... ``` ## iView日期范圍選擇組件表單非空驗證 - 驗證規則如下 ``` 日期字段名: [ { type: "array", required: true, trigger: "change", fields: { 0: { type: "date", message: "起始日期不能為空", required: true }, 1: { type: "date", message: "結束日期不能為空", required: true } }, }, ] ``` ## iView表單驗證失效 - 請檢查是否滿足以下條件： 1. FormItem中prop屬性是否匹配 2. 驗證規則中type是否與數據類型匹配（多修改嘗試） 3. Form字段初始值是否缺失或類型不匹配 ## 前端Long類型精度丟失 > 例如：201911200001725439這樣一個Long類型數，傳給前端后會變成201911200001725440，超過了JavaScript的Number類型最大16位長度 - 字段上使用注解：`@JSONField(serializeUsing= ToStringSerializer.class)` - 或更換為`java.lang.String`類型