Question

我有一个带有一个字段的表单和一个带有ajax提交选项的提交按钮，如下所示 -

public function buildForm(array $form, FormStateInterface $form_state, $id = 0)
{       
    $form['fieldset']['message'] = array(
        '#type' => 'textfield',
        '#default_value' => "",
        '#required' => true,
        '#attributes' => array(
            'placeholder' => t('write here'),
        ),
    );

    $form['actions']['submit'] = array(
        '#type' => 'submit',
        '#value' => $this->t('Send'),
        '#attributes' => array(
            'class' => array(
            ),
        ),
        '#ajax' => [
            'callback' => [$this, 'Ajaxsubmit'],
            'event' => 'click']
    );
    return $form;
}

ajax功能如下 -

public function Ajaxsubmit(array $form, FormStateInterface $form_state)
    {
        $user = \Drupal\user\Entity\User::load(\Drupal::currentUser()->id());
        $db_values = [
            "message" => $form_state->getValue("message"),
            "date_create" => date("Y-m-d H:i:s"),
        ];
        $save = DbStorage::Insert($db_values);
        //$('#mychat_form input').val("");
        //$form_state->setValue('content', NULL);

        $response = new AjaxResponse();

        if ($form_state->hasAnyErrors() || !$save) {
               $response->addCommand(new AlertCommand('something wrong!'));
        } else {

        $message = DbStorage::Get(["id" => $save]);
        $send_id = $message->send_id;
        $build = [
                '#theme' => "chat_view",
                '#message' => $message,
                '#sender' => $send_id,
                '#current_user' => true
            ];
        $ans_text = render($build);
        $response->addCommand(new AppendCommand('#mychat', $ans_text));
        }
        return $response;

    }

此处表单数据提交工作正常。但提交后输入数据不会被清除。我尝试使用 -

从我的javascript中清除它

$('#my_form input').val("");

但问题是我的javascript文件每3秒调用一次，表单输入也会每3秒清除一次。这对用户来说是个问题。在ajax提交后有没有其他方法可以清除表单输入？我可以在Ajaxsubmit函数中做任何事情吗？

Answer 1

您可以使用InvokeCommand来执行此操作。

例如：清除ajax响应中的输入值$('#my_form input').val("");

use Drupal\Core\Ajax\HtmlCommand;
use Drupal\Core\Ajax\InvokeCommand;
use Drupal\Core\Ajax\AppendCommand;
:

$form['fieldset']['message'] = array(
  '#type' => 'textfield',
  '#default_value' => "",
  '#required' => true,
  '#attributes' => array(
    'placeholder' => t('write here'),
    'class' => ['custom-class'],
  ),
);

在Ajax函数中

:
$build = [
  '#theme' => "chat_view",
  '#message' => $message,
  '#sender' => $send_id,
  '#current_user' => true
];
$response->addCommand(new AppendCommand('#mychat', $build));
$response->addCommand(new InvokeCommand('.custom-class', 'val', ['']));

ajax提交后表单输入未清除

1 个答案: