parsley.js电话号码输入用空格验证

时间:2014-04-12 15:02:47

标签: phone-number parsley.js

我有一个电话号码输入。

我想写这种格式:0175 6565 6262(带空格)。但是如果用“”空格写,那么得到错误,我写的没有空格,所以得到没有错误。

这是我的HTML输入:

<input type="text" data-parsley-minlength="6" data-parsley-minlength-message="minlength six number" data-parsley-type="digits" data-parsley-type-message="only numbers" class="input_text" value="">

希望有人可以帮助我?

2 个答案:

答案 0 :(得分:17)

这是一个很好的答案,但它对我的需求来说有点过于狭窄。输入字段应该容忍所有潜在的输入 - 句号,连字符,括号,意想不到的地方的空格,以及国际民间的标志 - 并且使用this document from Microsoft detailing what numbers IE11 should accept,我想出了这个:

data-parsley-pattern="^[\d\+\-\.\(\)\/\s]*$"

该列表中的每个数字都以高亮的颜色通过测试。享受!

答案 1 :(得分:4)

如果您希望输入接受类似“nnnn nnnn nnnn”的字符串,则应使用正则表达式。 例如,您可以使用以下HTML:

<input type="text" name="phone" value="" data-parsley-pattern="^\d{4} \d{4} \d{4}$" />

使用此模式,输入仅在 fourdigits«space»fourdigits«space»fourdigits 时才有效 您可以测试或调整正则表达式并在此处进行测试:http://regexpal.com/

如果您在项目中多次使用此模式,我建议您创建一个自定义验证器(请参阅http://parsleyjs.org/doc/index.html#psly-validators-craft

相关问题