表单验证电话号码模式html5(Form Validation phone number pattern html5)

我搜索了很多，但似乎无法找到我需要的答案。

众所周知，世界各地的电话号码各不相同，我的客户的在线表单需要人们输入他们的电话号码，但采用前面带有+符号的格式。 我知道我可以创建一个特定的模式来做到这一点，但是如何创建一个模式，在符号后面的数字可变的前面加上+符号？

我很高兴返回一个数字，如+60 1234567891。

我也看到了国家代码可以作为元素的一部分来选择的形式......这很好，但只要我能解决我的原始问题，我就会很开心。

谢谢

I've searched far and wide but cannot seem to find the answer I need.

As we all know phone numbers around the world vary, my client's online form needs people to enter their phone number, but in a format of having the + symbol in the front. I know I can create a specific pattern to do this, but how do I create a pattern that has the + symbol at the front with a variable quantity of number after the symbol?

I'm happy to return a number like +60 1234567891.

I've also seen forms whereby the country code is selectable as part of the element... that would be good, but as long as I can solve my orginal issue I'll be happy.

Thanks

原文：https://stackoverflow.com/questions/40416067

更新时间：2020-02-28 16:32

最满意答案

请查看下面的脚本，可以帮助您验证html5中的电话号码14是您可以通过键盘输入的元素数量+带空格和数字的符号。

please look at the below script that can help you to validate phone number in html5 14 is the number of elements that can you enter by keyboard it accepts +sign with space and number.

相关问答

这个怎么样？ /(7|8|9)\d{9}/ 它从寻找7或8或9开始，然后是9个数字。 How about this? /(7|8|9)\d{9}/ It starts by either looking for 7 or 8 or 9, and then followed by 9 digits.

您可以使用简单的String.matches(regex)来针对正则表达式模式来测试任何字符串，而不是使用Pattern和Matcher类。 样品： boolean isValid = phoneString.matches(regexPattern);

查找更多示例 这是根据您的输入字符串的正则表达式模式： \+\d(-\d{3}){2}-\d{4}

在线演示 更好地使用Spring验证注释进行验证。 例 You can use simple String.matches(regex) to

...

您有标签标签上的ID，而不是输入字段，更改 Name:

至 Name:

等等 You have your ids on the label tags, not the input fields, change Name:

...

更新：添加了一个预测，以确保'ordernumber'> 0(感谢M42在评论中的评论)。 您可以在使用这两个属性： pattern="^[0-9]{4}\.(?!0+$)([0-9]{1,6}|1000000)$"

required

例如

pattern="^[0-9]{4}\.(?!0+$)([0-9]{1,6}|1

...

在HTML5中，您可以使用和 您还可以指定特定模式，例如 像pattern='^\+?\d{0,13}'会给你一个可选的+和最多13位数字 In HTML5 you can use

...

应该在没有title属性的情况下有效(在https://validator.nu/上验证)：

Test

...

你可以使用角形式验证和ng-pattern指令输入使用ng-pattern="/^(?:\d{10}|\w+@\w+\.\w{2,3})$/" 工作演示 var app = angular.module("MY_APP", []);

app.controller("MyCtrl", function($scope) {

$scope.submitted = false;

$scope.submit = function(userData){

console.log(userD

...

请查看下面的脚本，可以帮助您验证html5中的电话号码14是您可以通过键盘输入的元素数量+带空格和数字的符号。

please look at the below script that can help you to validate phone number in html5 14 is the number of elements that can you ent

...

这个函数是一个大的语法错误(它会阻止整个脚本运行)： function formValidation()

{

var uphone = document.registration.phonenumber;

{

if(ValidatePhone(uphone))

}

return false;

}

函数中的内括号在这里没有做任何事情，if语句在它后面没有语句(或者阻塞)，所以直接跟在它后面会导致SyntaxError。 你的意思是： func

...

你的课程并没有在你想要完成的任务中发挥任何作用，因为它只是一些从未设计成为刮刀的通用验证代码。 但是，它的有价值部分(用于确定美国电话号码的正则表达式)是公共属性的一部分，因此可以通过多种方式重用(扩展类或从其他类调用它)： public $default_filters = array(

'phone' => array(

'regex'=>'/^\(?(\d{3})\)?[-\. ]?(\d{3})[-\. ]?(\d{4})$/',

'message'

...