## 表單驗證 集成使用了前端驗證器nice-validator https://validator.niceue.com/docs/getting-started.html 表單構建器已經集成該前端組件，可以直接使用。 ### 使用 回顧一下構建器的表單項的參數： ~~~ /** * 加入一個表單項 * @param $name 字段名 * @param $type 表單類型(取值參考系統配置form_item_type) * @param $title 表單標題 * @param $description 表單項描述說明 * @param $options 表單options * @param $extra_attr 表單項擴展屬性，如表單驗證 * @param $extra_class 表單項擴展class * @return $this */ function addFormItem($name, $type, $title, $description = '',$options = [],$extra_attr = '',$extra_class = '') ~~~ 其中有一個extra_attr參數，改參數是為了擴展表單輸入項的屬性。比如驗證規則。 那么規則如何寫，上例子： ~~~ ->addFormItem('email', 'text', '郵箱', '','','data-rule="email" data-tip="請填寫一個郵箱地址"') ~~~ 這是一個郵箱驗證的寫法。 #### 要求： 1.將表單的輸入框驗證規則寫在$extra_attr這個參數。 2.規則寫法是字符串的形式。更多驗證規則寫法參考。 #### 針對表單元素的綁定 **配置在字段元素上** >[info] data-rule - 給字段配置規則 > data-rule-* - 給字段自定義規則 > data-msg - 字段驗證不通過時的提示 > data-msg-* - 字段具體規則驗證不通過時的提示 > data-tip - 字段填寫幫助 > data-ok - 字段驗證通過時的提示 > data-target - 配置提示消息的顯示位置 > data-timely - 配置驗證的實時性 (v0.8.0+) > data-must - 是否強制驗證 (v0.8.0+) > novalidate - 如果配置則停止驗證該字段