我对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。
答案 0 :(得分:2)
来自docs:
如果您为输入元素设置了自定义
id
,则可能需要相应地调整$selectors
。
对于你的情况:
$form->field($action_model, 'action_name', [
'selectors' => ['input' => '#'.$form_id.'_action_name'],
'addon' => ...