我在 symfony 中配置了一些表单。我需要的一件事是在必填字段旁边有一个星号 (*) 或其他指示符。这些字段都设置为表单框架中的必需字段,并在提交表单时返回“此字段为必填”错误,但我想要在提交表单之前有一个指示符。
是否有任何方法可以在不手动覆盖每个字段的标签的情况下执行此操作?
这是在 Kris Wallsmith 的博客中找到的自动解决方案:
lib/formatter/RequiredLabelsFormatterTable.class.php,这会将“必需”类添加到必填字段的标签中
<?php
class RequiredLabelsFormatterTable extends sfWidgetFormSchemaFormatterTable
{
protected
$requiredLabelClass = 'required';
public function generateLabel($name, $attributes = array())
{
// loop up to find the "required_fields" option
$widget = $this->widgetSchema;
do {
$requiredFields = (array) $widget->getOption('required_fields');
} while ($widget = $widget->getParent());
// add a class (non-destructively) if the field is required
if (in_array($this->widgetSchema->generateName($name), $requiredFields)) {
$attributes['class'] = isset($attributes['class']) ?
$attributes['class'].' '.$this->requiredLabelClass :
$this->requiredLabelClass;
}
return parent::generateLabel($name, $attributes);
}
}
lib/form/BaseForm.class.php,这是项目中所有表单的公共基类:
protected function getRequiredFields(sfValidatorSchema $validatorSchema = null, $format = null)
{
if (is_null($validatorSchema)) {
$validatorSchema = $this->validatorSchema;
}
if (is_null($format)) {
$format = $this->widgetSchema->getNameFormat();
}
$fields = array();
foreach ($validatorSchema->getFields() as $name => $validator) {
$field = sprintf($format, $name);
if ($validator instanceof sfValidatorSchema) {
// recur
$fields = array_merge(
$fields,
$this->getRequiredFields($validator, $field.'[%s]')
);
} else if ($validator->getOption('required')) {
// this field is required
$fields[] = $field;
}
}
return $fields;
}
在
__construct()
方法中将以下几行添加到 BaseForm 中:
$this->widgetSchema->addOption("required_fields", $this->getRequiredFields());
$this->widgetSchema->addFormFormatter('table',
new RequiredLabelsFormatterTable($this->widgetSchema)
);
完成这一切之后,您的所有标签都将具有
required
类,使用您需要的任何 css 将其标记给用户。
原始食谱中更简单的解决方案怎么样 - 只需在树枝中添加几行:
您可以将字段的类设置为 sfWidget
的constructor 的一部分
即
$this->widgetSchema['form_field'] = new sfWidgetFormInput(array(), array('class' => 'required_field'));
注意:这是假设您没有使用古老的 sfForms(ala 1.0)
更新 这是来自 techchorus.net 的一些 CSS 代码,用于显示所需的星号
.required
{
background-image:url(/path/to/your/images/dir/required-field.png);
background-position:top right;
background-repeat:no-repeat;
padding-right:10px;
}
我使用Javascript做到了:
$('form').find('select, input, textarea').each(function(){
if($(this).attr('required') == 'required'){
$label = $('label[for='+ $(this).attr('id') +']');
if($label.find('.required-field').length == 0){
$label.append('<span class="required-field">*</span>');
}
}
});