Symfony 4-验证从Vue发送的表单

时间:2018-08-19 09:10:17

标签: php symfony validation vue.js

如何验证(服务器端)从Vue创建和提交的表单?

我有一个简单的联系表,我想同时在客户端和服务器端对其进行验证。对于客户端模式,我正在使用vee-validate(并且有效),对于服务器端模式,我我要使用Symfony的表单验证

因此,在这种“特殊” 情况下,不使用Symfony的方法来呈现表单,在这种情况下,该表单仅用于验证。我已经创建了表单(它没有链接到Entity对象),但是当我从Vue的组件发送http post请求时,服务器端的验证不起作用。似乎没有“读取”在FormType类中创建的约束。

我的功能

public function sendContactUsEmailAction(Request $request, Mailer $mailer, TranslatorInterface $translator)
{
    try {
        $form = $this->createForm(ContactUsType::class);

        $form->submit($request->request->all());

        $form->handleRequest($request);

        if ($form->isSubmitted() && $form->isValid()) {
            $data = $form->getData();

            $emailParams = new ContactUsParams();
            $emailParams->setName($data['name']);
            $emailParams->setEmail($data['email']);
            $emailParams->setSubject($data['subject']);
            $emailParams->setMessage($data['message']);

            $email = new ContactUsMail($mailer, $emailParams);
            $email->send();

            return new JsonResponse($translator->trans('send_contact_us_email_response'));
        }

        return new JsonResponse($this->getFirstFormError($form), 400);
    } catch (\Exception $e) {
        return new JsonResponse($e->getMessage(), 500);
    }
}

已编辑

这是我的请求数据的转储:

array:4 [
  "name" => "Example"
  "email" => "foo@example.com"
  "subject" => "Test subject"
  "message" => "Test message"
]

enter image description here

这是我的FormType类。为了测试它,我为name属性添加了约束“ Email”,但是从请求中我没有发送有效的电子邮件。

    class ContactUsType extends AbstractType
    {

    public function buildForm(FormBuilderInterface $builder, array $options)
    {
        $builder
            ->add('name', TextType::class, array(
                'constraints' => array(
                    new NotBlank(),
                    new Email(),
                ),
            ))
            ->add('email', EmailType::class, array(
                'constraints' => array(
                    new NotBlank(),
                    new Email(),
                ),
            ))
            ->add('subject', TextType::class, array(
                'constraints' => new NotBlank(),
            ))
            ->add('message', TextareaType::class, array(
                'constraints' => new NotBlank(),
            ));
    }

    /**
     * {@inheritdoc}
     */
    public function configureOptions(OptionsResolver $resolver)
    {
        $resolver->setDefaults([
            'csrf_protection' => false,
            'validation_groups' => false,
        ]);
    }
}

1 个答案:

答案 0 :(得分:0)

我找到了解决方案。该问题是由选项“ validation_groups”设置为false引起的。我删除了它,现在可以了!