FULLNAME的HTML5模式

Question

我试图验证一个表单提交，只要在一个字段中，用户输入他的名字和姓氏。

我知道:在其他国家，不是这样的，但我是为巴西做的，所以它的名字和名字。

我试过的是：

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

但没起作用。

该字段需要一个名(最少2个字符，没有限制)，一个空格，然后是具有最少1个字符和没有限制的姓氏。

示例：

真：

若昂·达席尔瓦

若昂

若昂S.

Joao S. Pedro

假：

乔奥

若昂

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

此模式查找两个或多个“单词字符”，一个空格，然后查找以下一个或多个单词字符：

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/