Jquery表单验证-电话号码

     2023-05-09     170

关键词:

【中文标题】Jquery表单验证-电话号码【英文标题】:Jquery form validation - telephone number 【发布时间】:2012-03-04 23:56:52 【问题描述】:

我已经在表单上设置了 jQuery 验证,验证当前测试电话号码字段不为空并且是一个数字,但我希望它能够处理用户在移动/区域之后放置一个空格代码。

任何人都可以建议我需要做什么才能允许这样做吗?

这是我当前的代码 -

if((phone.length == 0) || (names == 'Please Enter Your Contact Number (no space)'))  
        var error = true;  
        $('.error').fadeIn(500);  
        $('.pStar').fadeIn(500);

    else  
        var value = $('#phone').val().replace(/^\s\s*/, '').replace(/\s\s*$/, '');
        var intRegex = /^\d+$/;
        if(!intRegex.test(value)) 
             var error = true;  
             $('.error').fadeIn(500);  
            $('.pStar').fadeIn(500);

         else
        $('.pStar').fadeOut(500);
        
       

【问题讨论】:

您能提供一些有效/无效的输入吗? 【参考方案1】:

我强烈建议使用jQuery validate 而不是重新发明***

使用 jquery validate 快速在 Google 上搜索英国号码

filters

看起来像这样

jQuery.validator.addMethod('phoneUK', function(phone_number, element) 
  return this.optional(element) || phone_number.length > 9 &&
  phone_number.match(/^(\(?(0|\+44)[1-9]1\d1,4?\)?\s?\d3,4\s?\d3,4)$/);
  , 'Please specify a valid phone number'
);

【讨论】:

【参考方案2】:

使用此正则表达式验证电话号码。

var pattern = /^\(?(\d3)\)?[- ]?(\d3)[- ]?(\d4)$/;  
if(!$('#phone').val().test(elementValue))
    //Invalid number
  

此正则表达式可以选择接受以( 开头或以) 结尾的区号,并且可以选择在区号后的前3 位数字后接受-

【讨论】:

是的,它主要用于美国号码,但也会验证其他电话号码格式,几乎没有变化,因为 ()- 是可选的。

jQuery 使用 RegEx 验证电话号码

】jQuery使用RegEx验证电话号码【英文标题】:jQueryvalidatephonenumberwithwithRegEx【发布时间】:2011-08-0705:26:31【问题描述】:我有一个简单的ajax表单,我正在尝试验证它有值该值是一个10位数字我正在尝试使用RegEx来执行此操作。这是... 查看详情

jquery表单验证插件validation

最常使用javascript的嫦娥和就是表单的验证,而jquery作为一个而优秀的jvascipt库,也提供了一个优秀的表单验证插件validation,validation是历史最悠久的jqery插件之一,经过了全球范围内不同项目的验证,并得到了许多web开发者的好... 查看详情

验证 jquery 问题

】验证jquery问题【英文标题】:Validationjqueryissue【发布时间】:2018-01-1203:48:32【问题描述】:我真的需要帮助,我正在处理验证表单,验证正在运行。我的问题是如何在该字段旁边显示特定于该字段的错误?现在如果用户输入了... 查看详情

用于验证电话号码的 Angular 表单验证

】用于验证电话号码的Angular表单验证【英文标题】:Angularformvalidationtovalidatethephonenumber【发布时间】:2020-03-2616:33:43【问题描述】:我正在尝试使用角度中的正则表达式验证电话号码HTML内容<divclass="form-grouprow"><inputtype="te... 查看详情

关于 JavaScript 中电话号码的表单验证问题

】关于JavaScript中电话号码的表单验证问题【英文标题】:FormValidationQuestionRegardingPhoneNumbersinJavaScript【发布时间】:2021-01-1817:37:00【问题描述】:我需要在JavaScript中验证用户提供的电话号码格式为(###)###-####或(###)###-####的表单,... 查看详情

nicevalidator领先的表单验证解决方案转

...单验证插件,可以验证现有的所有格式,比如邮箱地址、电话号码等,您还可以自定义规则验证,插件基于jQuery库,支持多种语言配置。安装1、您可以访问Nicevalidator的Github地址,下载Nicevalidator的源代码解压到你的项目中,然后... 查看详情

javascript表单通过正则表达式验证电话号码

参考技术A通过正则表达式实现判断一个输入量是否为电话号码,需要的朋友可以参考下JavaScript表单验证电话号码,判断一个输入量是否为电话号码,通过正则表达式实现。代码如下://检查电话号码functionisTel(str)varreg=/^([0-9]|[-])+$/g... 查看详情

是否有符合我对多表单验证要求的 jQuery 插件? [关闭]

】是否有符合我对多表单验证要求的jQuery插件?[关闭]【英文标题】:IsthereajQuerypluginthatmeetsmyrequirementsformulti-formvalidation?[closed]【发布时间】:2010-11-1823:03:56【问题描述】:对电话、邮编、电子邮件进行reg表达式检查。电子邮件... 查看详情

jq的表单验证

(function(){$("#but").click(function(){if($("#name").val()==""||$("#name").val()=="请输入您的真实姓名"){alert("请输入患者姓名");returnfalse;}if($("#tel").val()==""||$("#tel").val()=="输入您的常用电话号码"){alert("请输入电话号码");ret 查看详情

表单验证不显示消息

...-06-2211:02:20【问题描述】:我正在尝试让我的javascript验证电话号码输入并在用户输入错误信息时显示消息。我设置了另外两个输入来执行此操作,因此我复制了其中一个并将名称替换为phoneNumber但没有结果。请不要使用HTML替代品... 查看详情

Jquery 验证引擎正则表达式

】Jquery验证引擎正则表达式【英文标题】:JqueryValidationEngineRegularExpression【发布时间】:2012-07-1206:35:48【问题描述】:我正在使用jQuery来验证输入表单。我的输入框中有名称、电话等值,这些值是作为用户指南的幽灵提示。我的... 查看详情

html表单验证名称,电话,电子邮件(代码片段)

查看详情

jQuery 验证澳大利亚电话号码

】jQuery验证澳大利亚电话号码【英文标题】:jQueryValidatingAustralianPhoneNumbers【发布时间】:2015-07-1312:45:10【问题描述】:我正在尝试从输入框中获取值,验证并格式化数字,然后更新输入字段。我希望它验证所有澳大利亚电话号... 查看详情

html5表单pattern属性配合正则验证电话和手机号码

正则表达式(包括手机号码,3-4位区号,7-8位直播号码,1-4位分机号)1((d{11})|^((d{7,8})|(d{4}|d{3})-(d{7,8})|(d{4}|d{3})-(d{7,8})-(d{4}|d{3}|d{2}|d{1})|(d{7,8})-(d{4}|d{3}|d{2}|d{1}))$)正则解析“^d+$”  //非负整数(正整数+0)“^ 查看详情

使用远程方法对 emailId 和电话号码进行 Jquery 验证

】使用远程方法对emailId和电话号码进行Jquery验证【英文标题】:JqueryvalidationforemailIdandphonenumberusingremotemethod【发布时间】:2016-01-1720:20:35【问题描述】:我正在尝试使用jQuery验证插件(远程方法)验证输入的emailId和电话号码是... 查看详情

jQuery Validation 突出显示两个字段的一个标签

...on插件的表单验证脚本,其中电话区域有2个字段,区号和电话号码。但是,这两个字段只有一个标签为“电话”。在验证中这两个字段都是必需的。因此,当电话字段中出现错误时,标 查看详情

使用 jquery 验证验证国际电话输入

】使用jquery验证验证国际电话输入【英文标题】:ValidatingInternationalTelephoneInputusingjqueryvalidation【发布时间】:2016-12-2323:31:34【问题描述】:极客!我们都知道名为InternationalTelephoneInput的很棒的插件,有没有办法将它自己的验证... 查看详情

表单验证.正则表达

...).范围验证(根据一个范围进行判断)(4).固定格式验证:电话号码,身份证号,邮箱,信用卡号等的验证;需要用到正则表达式来进行验证。(5).其它验证________________________________________________________________ 查看详情