javascript - Yii Framework formbuilder - 有没有办法改变验证javascript中的inputID？

Question

在 Yii 中使用表单生成器时，有什么方法可以更改验证 javascript 中的 inputID 吗？

我的问题是我在一个页面上有两个相似的表单(使用一个表单生成器代码)。 这是登录表单，使用了两次。 首先，在模板中(显示在网站的每个页面上)，第二个 - 在/site/login 页面中使用相同的表单(此页面用于在访问限制等情况下重定向用户)。

这两个表单工作正常，但是 yii 为两个表单的元素生成具有相同 inputID 的验证 javascript，并且我不知道如何更改它。 看看:

<script type="text/javascript">
/*<![CDATA[*/
jQuery(function($) {
jQuery('a[rel="tooltip"]').tooltip();
jQuery('a[rel="popover"]').popover();
$('#loginForm').yiiactiveform({'attributes':[{'id':'LoginForm_email','inputID':'LoginForm_email','errorID':'LoginForm_email_em_','model':'LoginForm','name':'LoginForm[email]','enableAjaxValidation':true,'inputContainer':'div.control-group'},{'id':'LoginForm_password','inputID':'LoginForm_password','errorID':'LoginForm_password_em_','model':'LoginForm','name':'LoginForm[password]','enableAjaxValidation':true,'inputContainer':'div.control-group'},{'id':'LoginForm_rememberMe','inputID':'LoginForm_rememberMe','errorID':'LoginForm_rememberMe_em_','model':'LoginForm','name':'LoginForm[rememberMe]','enableAjaxValidation':true,'inputContainer':'div.control-group'}]});
$('#quickLoginForm').yiiactiveform({'attributes':[{'id':'LoginForm_email','inputID':'LoginForm_email','errorID':'LoginForm_email_em_','model':'LoginForm','name':'LoginForm[email]','enableAjaxValidation':true,'inputContainer':'div.control-group'},{'id':'LoginForm_password','inputID':'LoginForm_password','errorID':'LoginForm_password_em_','model':'LoginForm','name':'LoginForm[password]','enableAjaxValidation':true,'inputContainer':'div.control-group'},{'id':'LoginForm_rememberMe','inputID':'LoginForm_rememberMe','errorID':'LoginForm_rememberMe_em_','model':'LoginForm','name':'LoginForm[rememberMe]','enableAjaxValidation':true,'inputContainer':'div.control-group'}]});
jQuery('#collapse_0').collapse({'parent':false,'toggle':false});
});
/*]]>*/
</script>

这就是问题所在。我不明白，如何改变这个: 'id':'LoginForm_email','inputID':'LoginForm_email', 到: 'id':'quickLoginForm_email','inputID':'quickLoginForm_email', 使验证适用于两种形式。 我尝试更改表单 id、表单标题、元素 id、元素名称 (ofc)，但没有结果。 是否可以动态更改它，而不更改表单文件名等？ 我尝试阅读 CActiveForm 源代码，但没有找到它在哪里获取 inputID。

Ofc 可以不在/site/login 页面上显示布局表单，但这不是我认为的最好方法。

Answer 1

所以，在阅读了 3-4 个小时的 Yii 源代码之后，让我发布我自己问题的答案。 我们要在生成的 javascript 中更改的第一件事是错误 inputID。 就像 mashingan 写的，如果你不使用表单生成器，你可以在 $form->error 中设置。 如果您使用表单生成器，则可以从 CFormInputElement 类的 errorOptions 属性访问错误选项:

    'elements'=>array(
        'email'=>array(
            'id'=>$this->id.'_email',
            'name'=>$this->id.'[email]',
            'type'=>'text',
            'maxlength'=>32,
            'label'=>false,
            'placeholder'=>'Your email address',            
            'errorOptions'=>array('inputID'=>$this->id.'_email','id'=>$this->id.'_email'),
        ),

请注意，默认情况下您无法访问此数组中的表单 ID 或其他内容。 在构造表单对象时，您必须发送 $this->id (或将其命名为您想要的任何名称)。我创建了 MyForm 类，扩展了 CForm，并带有构造函数:

class MyForm extends CForm
{
public $id;
public function __construct($config, $model = null, $parent = null, $id = null) {
    if($id != null) $this->id = $id;
    parent::__construct($config, $model, $parent);
}

然后我在布局中创建表单:

$quickLoginForm = new MyForm('application.views.site.loginForm', $model, null, 'QuickLoginForm');

或

$loginForm = new MyForm('application.views.site.loginForm', $model, null, 'LoginForm');

上面的示例将允许您动态更改 Yii 生成的验证 javascript 中的 inputID 和 errorID。

现在让我们看看 yii 生成的 JS:

'id':'LoginForm_email','inputID':'QuickLoginForm_email','errorID':'QuickLoginForm_email'

我们已经更改了 inputID 和 errorID，接下来我们必须更改“id”以使验证适用于两个相同的表单。

但是怎么办呢？文档中没有关于此的信息。 让我们看看 CActiveForm->error() 来源:

...
$id=CHtml::activeId($model,$attribute);
...

好的，那么 CHtml::activeId 是做什么的？

public static function activeId($model,$attribute)
{
    return self::getIdByName(self::activeName($model,$attribute));
}

...

public static function activeName($model,$attribute)
{
    $a=$attribute; // because the attribute name may be changed by resolveName
    return self::resolveName($model,$a);
} 

...

public static function resolveName($model,&$attribute)
{
...
    return get_class($model).'['.$attribute.']';
}

真是天才啊!它们采用模型名称在生成的 JavaScript 中使用。 不是表单 ID，不是元素名称，它们使用模型类名称!

我不知道，薛强抽的是什么烟，但是如果你想让验证javascript在一个页面上的两个相同的表单上工作，你必须制作两个相同的模型。

因此，如果我们想更改 javascript 中的“id”，我们必须这样做:

<?php
class QuickLoginForm extends LoginForm
{
}

(LoginForm是我们的模型)并在生成第二个表单时使用。

$quickLoginModel=new QuickLoginForm;
$quickLoginForm = new MyForm('application.views.site.loginForm', $quickLoginModel, null, 'QuickLoginForm');

恭喜! 经过两次修改后，我们的验证 javascript 可以用于两个相同的表单。 如果你不能在一个页面上制作两个登录表单而不像猴子一样在 yii javascript 生成器的源代码中跳转，我不知道如何谈论代码重用或将 Yii 命名为“可扩展框架”。