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

     2023-05-09     102

关键词:

【中文标题】使用远程方法对 emailId 和电话号码进行 Jquery 验证【英文标题】:Jquery validation for emailId and phone number using remote method 【发布时间】:2016-01-17 20:20:35 【问题描述】:

我正在尝试使用 jQuery 验证插件(远程方法) 验证输入的 emailId 和电话号码是否存在。但我不知道我要去哪里错了。我尝试使用添加方法插件,但没有工作。谁能帮我我哪里出错了??

这里是代码。

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
  <script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.14.0/jquery.validate.min.js"></script>
    <script src="http://cdn.jsdelivr.net/jquery.validation/1.14.0/additional-methods.js"></script>

$('#myForm').validate( // initialize the plugin
            rules: 
                emailId: 
                    required: true,
                    email: true,
                    remote: 
                        url:'verifyEmailOrPhone-'+$('#emailId').val()+'-'+$('#contactNumber').val(),
                        type:'GET',

                
                ,

                contactNumber:
                    required: true,
                    minlength: 9,
                    maxlength: 10,
                    number: true,
                    remote: 
                        url:'verifyEmailOrPhone-'+$('#emailId').val()+'-'+$('#contactNumber').val(),
                        type:'GET',

                  
                ,

            ,   
            messages:
                emailId:
                    remote: "emailId already taken"
                    ,
                contactNumber:
                    remote: "phone number exists"
                   
                ,

            submitHandler: function (form)  
                // for demo
                alert('valid form submitted'); // for demo
                return false; // for demo
            

        );

html

<div class="margin-top-10  contact-check has-feedback form-group" >
                       <input class="form-control input-lg" name="contactNumber" id="contactNumber" placeholder="Phone Number" size="25" type="text"  value="">
                   </div>
                   <div class="margin-top-10  email-check  form-group has-feedback" >
                       <input class="form-control input-lg" name="emailId" id="emailId" placeholder="Email" size="25"  value=""  type="text">
                   </div>

在控制台我得到 http://localhost:8080/SpringMvcExample/verifyEmailOrPhone--?emailId=bhagya%40gmail.com

远程方法在 url 中返回“emailId=bhagya%40gmail.com”,我只需要返回输入数据。

【问题讨论】:

你能发布 HTML 和 PHP,你也可以看看这个 ***.com/questions/32543598/… 看看这是否有帮助,这个 ***.com/questions/32946534/… 嗨 @Shehary 我在 jsp 中使用。 “但没用” 没用。请详细描述到底发生了什么。 ajax 工作正常吗?服务器的响应是什么? 【参考方案1】:

    您发送的值是 true,而不是字段的值

    data: 
        emailId: function() 
            return true; // <- ??
        
    
    

    您根本不需要使用data 属性,因为该字段的值已默认发送。

完全删除data 属性。

当然,此答案假设您的服务器端脚本(我们看不到)已构建并正常工作。

【讨论】:

1) 我尝试输入字段的值,但没有用 2) 删除了数据属性,但似乎没有工作 @BhagyashreeO,“似乎不起作用” 不是有用的问题描述。您是否正在查看控制台以观察 ajax 响应?服务器端代码呢?如果您省略了服务器端脚本,您只向我们展示了一半的图片。 verifyEmailOrPhone--?contactNumber=8888888888 这就是我在控制台中得到的...... @BhagyashreeO,这意味着您向我们展示的所有内容都按照您的设计工作。但是,我们不知道您的服务器端脚本是如何设计的,或者它是否已损坏。

exchange2010对手机邮箱执行远程擦除(代码片段)

...选择擦除设备可以点击详细信息查看到设备详情,如图,使用手机安装outlook软件,设 查看详情

使用 Firebase 和 Flutter 通过 OTP 验证电话号码

】使用Firebase和Flutter通过OTP验证电话号码【英文标题】:PhonenumberverificationviaOTPusingfirebaseandflutter【发布时间】:2020-01-2206:20:18【问题描述】:我不想通过他们的电话号码对用户进行身份验证,我已经使用他们的电子邮件ID和密码... 查看详情

节俭电话给出“未知结果”

...在远程服务器和Web服务之间有一个Thrift连接。thrift接口是使用0.9.0thrift编译器编译的。当我对远程服务器进行节俭调用时,它在远程成功执行,但在客户端-我看到以下错误:org.apache.thrift.TApplicationExc 查看详情

电话薄程序

...以对输入的ID号进行判断是否存在(具体方法请查看修改电话号码,其他修改方法暂时没有相对完善,                                        只针对修改电话号码的方法进行了... 查看详情

前面学习通过方法对代码进行改进,为什么要给方法使用静态呢?

前面学习通过方法对代码进行改进,为什么要给方法使用静态呢?   答:因为main方法是静态的,而静态方法只能访问静态的成员变量和静态的成员方法。   所以之前我们的方法是使用静态来修饰的,即静态的方法。如果... 查看详情

c语言程序:输入人名和电话号码然后按照人名字母表顺序对通讯录排序,代码如下输入内容后回车无法运行?

#define_CRT_SECURE_NO_WARNINGS#include<stdio.h>#include<math.h>#include<string.h>structtel charname[10]; charnum[10];;voidpaixu(structtels[],intn) inti,j; chartemp[30]; for(i=1;i<n;i++) for(j=n;j>i;j--) if(strcmp(s[j].name,s[j-1].name)<0) strcpy(temp,s[j].name);s... 查看详情

如何用电脑操作android手机

电脑操作手机其实并不难,只有选对了方法,以下是使用AirDroid实现电脑控制手机的详细步骤:1.在电脑上下载并安装AirDroid应用。2.打开AirDroid应用,在应用中注册一个账户,然后登录。3.在手机上打开AirDroid应用,登陆账号在安... 查看详情

直观地对标签和按钮进行分组

...通讯录”应用中,如果您访问一个有两个电子邮件或两个电话号码的联系人,按钮将共享一个中心边框,顶部的按钮将在顶部具有圆角,而底部的按钮将具有圆角在那里。我该怎么做?我想同时使用按钮和标签。【问题讨论】:... 查看详情

git---删除本地分支和远程分支操作

...是在网页端直接用可视化的操作去删除,另一种是在终端使用命令行去删除,下面分别对两种方式进行讲解。1.1在网页端使用可视化的方式删除分支gitlab与鲁班等工具都提供了网页端可视化,对仓库分支进行操作在网页端删除分... 查看详情

git---删除本地分支和远程分支操作

...是在网页端直接用可视化的操作去删除,另一种是在终端使用命令行去删除,下面分别对两种方式进行讲解。1.1在网页端使用可视化的方式删除分支gitlab与鲁班等工具都提供了网页端可视化,对仓库分支进行操作在网页端删除分... 查看详情

Firebase 使用电话号码对现有的自定义登录流程进行身份验证

】Firebase使用电话号码对现有的自定义登录流程进行身份验证【英文标题】:FirebaseAuthtoexistingcustomloginflowwithPhoneNumber【发布时间】:2021-11-2010:35:13【问题描述】:我有一个应用程序已在Play商店上发布,并使用了一些安全规则公... 查看详情

rmi是干啥用的在java里面

...网络代码都是应用于接口,而不是实现。实际上,你必须使用RMI-IIOP中的范例,没有其它的选择。直接在你的对象实现上执行远程调用是不可能的,你只能在对象类的接口上单独进行这一操作。所以我们在使用RMI-IIOP时,你必须... 查看详情

使用pc端浏览器开发者工具对移动端真机环境web页面进行远程调试

...移动端真机环境浏览器没有开发者工具,在这种情况下,使用PC端浏览器开发者工具对移动端真机环境的Web页面进行远程调试就显得尤为重要。以下是一些可能需要使用PC端浏览器开发者工具对移动端真机环境的Web页面进行远程... 查看详情

使用python进行名片ocr(识别姓名,职务,电话,email邮箱)(代码片段)

...使用Python对名片进行OCR,从名片中提取姓名、职务、电话号码和电子邮件地址。是收据扫描仪OCR的扩展,但具有不同的正则表达式和文本定位策略。优化 查看详情

使用 WCF 和 C# 进行远程登录

】使用WCF和C#进行远程登录【英文标题】:RemoteLogOnwithWCFandC#【发布时间】:2011-05-3114:25:05【问题描述】:有什么方法可以使用WCF和C#登录到Windows机器?我正在创建一个测试工具,它需要远程登录Windows用户。到目前为止,我们还... 查看详情

git---删除本地分支和远程分支操作

...是在网页端直接用可视化的操作去删除,另一种是在终端使用命令行去删除,下面分别对两种方式进行讲解。1.1在网页端使用可视化的方式删除分支gitlab与鲁班等工具都提供了网页端可视化,对仓库分支进行操作在网页端删除分... 查看详情

模拟电话交换机和ippbx之间进行连接

模拟电话交换马机,也最就原来老型号的机器,它们使用的信号是模拟信号,也就是普通的RJ11的电话机,如果公司新增加了一台IPPBX那么可以在节省成本的情况下,让模拟和网络互联,这样就可以让原来的电话机和交换机都可以... 查看详情

使用pycharm进行远程开发和调试

http://blog.csdn.net/ll641058431/article/details/53049453使用PyCharm进行远程开发和调试你是否经常要在Windows7或MACOSX上面开发Python或Web应用程序,但是它们最后需要在linux上面来运行呢?我们经常会碰到开发时没有问题但是到了正式的Linux环... 查看详情