HTML5 шаблон для FULLNAME

Question

Я пытаюсь проверить отправку формы только в том случае, если в одном ОДНОМ поле пользователь вводит свое имя и фамилию.

Я знаю: в других странах это не так, но яЯ делаю для Бразилии, поэтому его имя и фамилия.

Что я пробовал:

<input type="text" name="fullname" pattern="^.* .*$">

Но это не сработало.

Необходимые поляa Имя (минимум 2 символа, без ограничений), пробел, затем фамилия с минимум 1 символом и без ограничений.

Примеры:

ИСТИНА:

João da Silva

João S

João S.

Joao S. Pedro

FALSE:

Joao

João

Joao (просто пробел)

Надеюсь, вы меня понимаете.

Большое вам спасибо.

---

Фактический код:не работает никакой проверки:

<form action="http://xxxxxxxxx" method="POST">

* Nome Completo: <input type="text" name="fullname" required="required" pattern="^(\w\w+)\s(\w+)$" /><br>

* Telefone: <input type="tel" name="mobilephone"/><br>

* E-Mail: <input type="email" name="emailaddress1"><br>

* Informe melhor horário para contato: <input type="text" name="crmcol_sugestaodecontato"><br>

<input type="hidden" name="crmcol_novocontato" value="64340000"><br>

<input type="hidden" name="crmcol_origemdoregistro" value="643400005"><br>

<input type="submit" value="Enviar" class= "botaoenvio" onclick="this.disabled=true;this.value='Enviando, aguarde um momento..';this.form.submit();">

Answer 1

Этот шаблон ищет 2 или более «символов слова», один пробел, затем 1 или более следующих слов-символов:

pattern="^(\w\w+)\s(\w+)$"

Автоматическая проверка на стороне клиента с использованием pattern="" не будетслучается, если input не находится внутри <form>, вы также должны добавить логический атрибут required, чтобы избежать пустого (но допустимого) ввода.

Я сделал JSFiddle, демонстрирующий это здесь: https://jsfiddle.net/3r4Luwnp/

Обновление:

Я создал JSFiddle с вашей обновленной разметкой, и похоже, что ваш собственный скрипт в вашем обработчике onclick вызывает form.submit() напрямую, это пропустит ввод на стороне клиентапроверка.

Если вы измените кнопку на <button type="submit"> и удалите onclick JavaScript, тогда он будет работать нормально:

https://jsfiddle.net/rpkn31d6/