ActiveForm,字段破坏验证的自定义ID

时间:2015-02-11 14:27:15

标签: php yii2

我对Yii2很新,并且有下一个令人不快的问题。

我在同一页面上创建了两个表单,如

<?php $form = ActiveForm::begin([
        // make sure you set the id of the form
        'id' => 'create',
        'action' => $action,
        'options' => ['enctype' => 'multipart/form-data']
    ]); ?>

    <?php $form = ActiveForm::begin([
        // make sure you set the id of the form
        'id' => 'update',
        'action' => $action,
        'options' => ['enctype' => 'multipart/form-data']
    ]); ?>

我对两个表单字段使用相同的模型,如

<?=  $form->field($action_model, 'action_name',[
                'addon' => ['prepend' => ['content'=>$action_model->getAttributeLabel('action_mobile')]]
            ])->widget(Typeahead::classname(), [
                'options' => ['placeholder' => $action_model->getAttributeLabel('action_placeholder')],
                    'pluginOptions' => ['highlight'=>true],
                    'dataset' => [
                        [
                        'local' =>  Json::encode( $totalLookUp['action_lookUp'] ),
                        'limit' => 10
                        ]
                    ]
                ])->label(false);
            ?>

这就是问题所在。在这种情况下,我有两个具有相同范围的字段,具有相同的名称和相同的ID。对于W3C来说,肯定无效。另一个问题是,尽管客户端预先为两种表单提交javascript验证都是完美的。类型化窗口小部件仅适用于第一组字段,因为它以id进行绑定。

如果我尝试通过窗口小部件选项(如

)指定它来覆盖元素id
<?=  $form->field($action_model, 'action_name',[
                'addon' => ['prepend' => ['content'=>$action_model->getAttributeLabel('action_mobile')]]
            ])->widget(Typeahead::classname(), [
                'options' => ['id'=> $form_id.'_action_name',
'placeholder' => $action_model->getAttributeLabel('action_placeholder')],
                    'pluginOptions' => ['highlight'=>true],
                    'dataset' => [
                        [
                        'local' =>  Json::encode( $totalLookUp['action_lookUp'] ),
                        'limit' => 10
                        ]
                    ]
                ])->label(false);
            ?>

预先输入完美,但在这种情况下验证失败,我的意思是它停止工作。

所以问题是,如何调整验证脚本并使用唯一的表单ID。

1 个答案:

答案 0 :(得分:2)

来自docs

  

如果您为输入元素设置了自定义id,则可能需要相应地调整$selectors

对于你的情况:

$form->field($action_model, 'action_name', [
    'selectors' => ['input' => '#'.$form_id.'_action_name'],
    'addon' => ...