YII2 在页面中动态创建验证规则

有时候有一些表单元素没有对应的Model，这个时候如果要对这类的元素进行表单验证，可以选择如下几种方式：

1.利用jquery.validate.js的验证规则，在表单元素上绑定data-rule-<验证规则>的方式进行验证

 

2.利用php函数clientRule($rule, $options = []) 动态创建验证规则，下面以手机号码为例

 

1.页面中插入验证规则
<!-- 手机号码验证规则 -->
<script id="mobile_rules" type="text">
[{clientRule('mobile', ['message'=>'请输入一个有效的手机号码'])}]
</script>

在其他script标签中写：

$("#test_mobile").addRule($("#mobile_rules").html());

即可为test_mobile绑定了手机号码的验证规则。

2.如果要绑定多个验证规则可以如下：
<script id="mobile_rules" type="text">
[{clientRule('mobile', ['message'=>'请输入一个有效的手机号码'])}, {clientRule('required')}]
</script>

这样就绑定了必填的手机号码了