Question

<input type="number">字段显示上/下箭头（递增/递减），如何在不使用javascript的情况下删除这些箭头（在Drupal 8中）？

客户要求删除向上/向下箭头以防止意外更改值。我尝试添加一个使用$element['#type'] = 'textfield';的自定义fieldwidget。

这会导致更改值时出错，因为Drupal需要一个整数，但自定义fieldwidget提供了一个字符串。

所以我正在寻找一种方法（可能是hook_form_alter）来更改显示（删除向上/向下箭头），而又不更改输出（int与字符串）。

下面是我的自定义fieldwidget的代码。

<?php

namespace Drupal\fieldwidgets\Plugin\Field\FieldWidget;

use Drupal\Core\Field\FieldItemListInterface;
use Drupal\Core\Field\Plugin\Field\FieldWidget\StringTextareaWidget;
use Drupal\Core\Form\FormStateInterface;
use Symfony\Component\Validator\ConstraintViolationInterface;

/**
 * Plugin implementation of the 'number No Increment' widget.
 *
 * @FieldWidget(
 *   id = "number_no_increment",
 *   label = @Translation("Number without -+ buttons"),
 *   field_types = {
 *     "decimal",
 *     "integer",
 *   }
 * )
 */
class NumberNoIncrementWidget extends StringTextareaWidget {

  /**
   * {@inheritdoc}
   */
  public function settingsForm(array $form, FormStateInterface $form_state) {
    $element = parent::settingsForm($form, $form_state);
    $element['rows']['#description'] = $this->t('Number widget without increment buttons.');

    return $element;
  }

  /**
   * {@inheritdoc}
   */
  public function formElement(FieldItemListInterface $items, $delta, array $element, array &$form, FormStateInterface $form_state) {
    $main_widget = parent::formElement($items, $delta, $element, $form, $form_state);
    $element = $main_widget['value'];
    $element['#default_value'] = (isset($items[$delta]->value) && isset($countries[$items[$delta]->value])) ? $items[$delta]->value : NULL;
    $element['#type'] = 'textfield';
    $element['#format'] = $items[$delta]->format;
    $element['#base_type'] = $main_widget['value']['#type'];

    return $element;
  }

  /**
   * {@inheritdoc}
   */
  public function errorElement(array $element, ConstraintViolationInterface $violation, array $form, FormStateInterface $form_state) {
    if ($violation->arrayPropertyPath == ['format'] && isset($element['format']['#access']) && !$element['format']['#access']) {
      // Ignore validation errors for formats if formats may not be changed.
      return FALSE;
    }
    return $element;
  }

}

Answer 1

您要扩展StringTextfieldWidget类，而不是StringTextareaWidget类。

然后您需要一种验证方法：

public static function validate($element, FormStateInterface $form_state) {
  $value = $element['#value'];
  if (!is_numeric($value)) {
    $form_state->setError($element, t('%field should be a number.', ['%field' => $element['#title']]));
  }
}

通过fomElement方法引用此验证器：

'#element_validate' => [
  [static::class, 'validate'],
]

此外，如果必须在数据库中存储整数（例如，我的意思不是varchar），则由于is_numeric()允许数字字符串，因此您需要在验证回调中强制转换值。

在不使用JavaScript的情况下，在输入type =“ number”上禁用箭头

1 个答案: