关于ajax异步表单校验的问题

问题描述

关于ajax异步表单校验的问题
登录的jsp页面上有两个form,分别对应邮箱注册和手机号注册两个标签页下的表单,我现在已经完成了ajax的表单校验,在测试的时候出现了这种情况:
在手机号注册的标签页下的手机号中填写了手机号,但点击邮箱注册的标签依旧会检验这个手机号是否可以注册。甚至于我只把光标移动到了手机号框里面什么都不填,点击邮箱注册的标签依旧会验证。
我想实现的效果是两个标签页互不影响,这个是不是在js代码里实现?怎么实现呢?

解决方案

第一种情况 你的 js 代码写的应该有问题 当你点击手机注册的时候 js 判断应该走 手机注册的校验和信息获取,或者你可以清掉邮箱注册里面的信息,同理点击邮箱注册。
第二种情况 你的form表单互相影响了 两个表单不能有嵌套 表单名字不同

解决方案二:
ajax异步提交表单
AJAX异步提交表单

解决方案三:
是你的js没有控制好吧,没有代码看不出来

解决方案四:
http://www.jb51.net/article/40451.htm

时间: 2024-11-18 22:08:53

关于ajax异步表单校验的问题的相关文章

ajax jquery 异步表单验证示例代码_AJAX相关

文件目录:  html代码: 复制代码 代码如下: <html> <head> <title>异步表单验证</title> <script type='text/javascript' src='jquery.js' ></script> <script> function checkname(){ //$("input[name='name']").val() $.ajax({ type:"

ajax jquery 异步表单验证示例代码

文件目录:   html代码: 复制代码 代码如下: <html> <head> <title>异步表单验证</title> <script type='text/javascript' src='jquery.js' ></script> <script> function checkname(){ //$("input[name='name']").val() $.ajax({ type:"

表单校验的二三事

1,什么会触发表单校验 (a)文本框失去焦点   (b)点击按钮   (c)提交表单   2,有哪几种校验方式 (1)同步方式 为空判断,格式判断(包括长度判断) (2)异步方式 通过ajax(获取jsonp)调用后台接口来校验   下面的校验就会有问题 Js代码   inputs.push(               new TextBox(Cjt.byId('identityTF'), {                   validate: function () {         

bootstrap与jQuery.validate表单校验的例子

谈谈表单校验 这大概是一种惯例,学习前台后台最开始接触的业务都是用户注册和登录.现在社会坚持以人为本的理念,在网站开发过程同样如此.User是我们面对较多的对象,也是较核心的对象.最开始的用户注册和登陆这块,也就尤为重要. 用户注册和登录其实往往比我们想象的难.就比如表单校验,里面涵盖的内容其实挺多,就前台而言,你需要了解: 1.正则表达式的基本了解 其实正则并不难,并且在学会后能带给你极大的成就感,享受那种事半功倍的效果吧. 2.ajax异步请求 在验证用户名是否存在.用户登录时账号或者密码错

Jquery中ajax提交表单几种方法(get、post两种方法)_AJAX相关

在jquery中ajax提交表单有post与get方式,在使用get方式时我们可以直接使用ajax 序列化表单$( 表单ID) serialize();就行了,下面我来介绍两个提交表单数据的方法.$get方式提交表单get() 方法通过远程HTTP ,下面我来介绍两个提交表单数据的方法. $get方式提交表单 get() 方法通过远程 HTTP GET 请求载入信息 格式 $(selector).get(url,data,success(response,status,xhr),dataType

jQuery使用$.ajax提交表单完整实例_jquery

本文实例讲述了jQuery使用$.ajax提交表单的方法.分享给大家供大家参考,具体如下: 首先,新建Login.html页面: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/199

用ajax提交表单页面整个锁死。。

问题描述 我用ajax提交表单后页面整个锁死,所有地方都不能点,直到返回数据,其他页面都没有这个情况,求解决. 解决方案 这是设置了同步的原因,你如果不需要等着这个结果返回,你可以设置异步$.ajax({ type : "post", url : "", dataType:"text",async: false,//false为同步 true为异步data : $('#aspnetForm').serialize(),success : func

服务器-Ajax提交表单与一般提交表单的差别?

问题描述 Ajax提交表单与一般提交表单的差别? 在一般提交表单时,浏览器html将表单数据submit到服务器后,服务器会执行相关的处理脚本 比如(php,asp)等,进行处理,再将相关的HTML返回到浏览器端. 而ajax改变了这一过程,它是浏览器html将表单数据提交给本地的javascript,而javascript调用XMLHTTPRequest, 利用XMLHTTPRequest将数据传给服务器端,服务器端通过javascript收到数据,再调用处理脚本(php, asp)进行处理,

Jquery ajax提交表单几种方法详解

$get方式提交表单 get() 方法通过远程 HTTP GET 请求载入信息 格式 $(selector).get(url,data,success(response,status,xhr),dataType) 请求 test.php 网页,传送2个参数,忽略返回值: $.get("test.php", { name: "John", time: "2pm" } ); 显示 test.php 返回值(HTML 或 XML,取决于返回值):  代