精华内容
下载资源
问答
  • ajax表单验证

    2013-11-16 21:17:28
    ajax表单验证
  • Ajax表单验证

    2011-12-08 16:41:30
    Ajax表单验证
  • AJAx表单验证

    2011-10-21 14:56:27
    ajax 表单验证 ajax 表单验证ajax 表单验证ajax 表单验证
  • AJAX表单验证提示特效代码
  • 主要介绍了动态表单验证的操作方法和TP框架里面的ajax表单验证问题,需要的朋友可以参考下
  • Ajax表单验证插件

    2014-12-15 09:00:11
    Ajax表单验证插件,界面漂亮简洁,调用简单
  • 内容索引:脚本资源,Ajax/JavaScript,表单验证类,ProtoType,Validation Validation Ajax表单验证类,基于prototype.js,大家在很多大型网站都能见到这种表单验证的效果,使用的人非常多,调用很简单,压缩包内附有...
  • Ajax表单验证框架

    2012-11-18 17:00:22
    学习网站开发常用到的Ajax表单验证框架,提供参考学习.
  • Ajax 表单验证程序

    2015-03-08 15:32:30
    Ajax表单验证程序,无刷新使用javascript的页面交互程序,适合新手参考学习啊
  • 主要为大家详细介绍了MVC遇上bootstrap后的ajax表单验证,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
  • html5 Ajax表单验证实例,HTML5真方便,用JS实现的Ajax表单在HTMl5下更方便实现,而且还可轻易实现一个漂亮的表单界面,实属不错。
  • ajax表单验证(用户)

    2012-10-26 11:19:39
    自己弄的一个ajax表单验证,只要是用户是否存在的验证,asp.net(c#)的,连数据库的,数据库自己再弄一个,这里就没有上传sql代码了
  • 兼容: opera 9.6 + chrome 2.0 + FF 3 + IE 6 效果:一边输入一边实现验证 环境:ruby 1.8.6 + rails 2.1.0 + windows 核心代码: html: 浏览器禁用javascript时显示提示信息: 代码如下:<noscript> 您的浏览器不支持...
  • Validation Ajax表单验证类 ! 值得下载看看!资源免费,大家分享!! 更多免费资源 http://ynsky.download.csdn.net/
  • Validator jQuery版本的Ajax表单验证框架,适时判断是否输入正确的一个表单验证插件。包括常用的数字判断、是否允许字符串的判断、Email判断、字符字数限制等,包括大家常用的一些表单项目的判断,它是适时判断,即...
  • ajax表单验证实例

    2009-04-23 19:36:47
    使用ajax实现表单验证实例,防止页面刷新,实现网页动态效果!
  • 带数据库连接的AJAX表单验证实例PHP版 一个带数据库连接的AJAX表单验证实例,运行于PHP环境,免费开源的程序,这意味着您可以在不用于商业目的的情况下对程序代码进行修改、使用和再发布。本例包括一个自定义的Ajax...
  • 内容索引:ASP源码,Ajax相关,AJAX表单 很不错的通用表单验证程序,加入了AJAX功能,表单内含省市级联菜单,当使用时才载入,不影响网页加载速度,省市数据存放在ACCESS数据库内。
  • ajax表单验证例子

    2009-09-25 11:46:02
    用于验证AJAX,目前用于验证的常用的高效的工具ajax. 希望对大家有帮助。
  • Ajax表单验证失败后,阻止表单提交(jQuery) HTML界面 '<form action="/WangYiYun/PhoneLogin" id="login_form" class="phone_login_form">' + '<input type="text" id="phone" placeholder="请输入手机...

    Ajax表单验证失败后,阻止表单提交(jQuery)

    HTML界面

    '<form action="/WangYiYun/PhoneLogin" id="login_form" class="phone_login_form">' + 
    	'<input type="text" id="phone" placeholder="请输入手机号" required="required" pattern="1[3|5|7|8][0-9]{9}"/>'+
    	'<input type="password" id="password" placeholder="请输入密码" required="required" />'+
    	'<p id="phoneDiv"></p>'+
    	'<input type="button" id="phone_login_button" value="登&nbsp;&nbsp;&nbsp;&nbsp;录">'+
    '</form>';
    

    首先,要给表单form标签定义id,方便jQuery找到表单元素,里面的提交按钮属性type一定不能为submit。
    action是表单提交的地址

    jQuery Ajax验证代码

    $.ajax({
    				"url" : url,//提交的URL路径
    				"type" : "GET",//提交的方式
    				"data" : keyValue,//提交到服务器的数据
    				"dataType" : "text",//指定返回数据类型
    				"async" : true,
    				"success" : callBack,//响应成功后执行代码
    				"error" : function(){//响应失败执行代码
    					alert("账号验证出错!");
    					return false;
    				}
    			});
    			//响应成功时的回调函数
    			function callBack(date){
    				if(date == "false"){
    					$(inputId).focus();
    					$(setHtmlId).empty();
    					$(setHtmlId).html(setHtmlText);
    					$(setHtmlId).css({"color":"red", "font-size":"14px", "text-align":"center"});
    					$("#login_form").submit();
    				}
    			}
    

    url值是Ajax验证时服务器端代码url,并不是表单提交的路径。
    然后在响应成功后的回调函数中来为表单进行提交操作,代码为:

    $("#login_form").submit();
    
    展开全文
  • 今天学习ajax的时候,实现了ajax表单验证功能。表单的验证有了ajax的应用给用户带来了更好的体验,用户无需等待,ajax在后台与服务器交互并返回检验用户的信息响应。 index.html:接口文件,主要是呈现表单的结构,...
    今天学习ajax的时候,实现了ajax表单验证功能。表单的验证有了ajax的应用给用户带来了更好的体验,用户无需等待,ajax在后台与服务器交互并返回检验用户的信息响应。
    
    index.html:接口文件,主要是呈现表单的结构,以及引入css和js的文件。
    validate.css:样式表,实现样式的文件。
    validate.js:js文件,主要实现功能的调用。
    1、创建ajax中的XMLHttpRequest对象,在后台与服务器文件交互,及时的返回信息。
    1. //创建XMLHttpRequest对象
    2. var xmlhttp = createXmlHttpObject();
    3. var serverAddress = 'validate.php';
    4. function createXmlHttpObject(){
    5.     var xmlhttp;
    6.     try{
    7.         xmlhttp = new XMLHttpRequest();
    8.     }catch(e){
    9.         try{
    10.             xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
    11.         }catch(e){}
    12.     }
    13.     if(!xmlhttp){
    14.         alert("Error creating XMLHttpRequest object");
    15.     }else{
    16.         return xmlhttp;
    17.     }
    18. }  
    2、调用服务器上的文件
    1. //调用服务器上的脚本文件
    2.   function validate(value,fieldID){
    3.       if(xmlhttp){
    4.           try{
    5.               //仅在空闲的时候并的时候继续
    6.               if((xmlhttp.readyState == 0 || xmlhttp.readyState == 4) ){
    7.                   //构造一个服务器请求来验证取出的数据
    8.                   xmlhttp.open('GET',serverAddress+'?value='+value+'&fieldID='+fieldID,true);
    9.                   xmlhttp.onreadystatechange = handleRequestChange;
    10.                   xmlhttp.send(null);
    11.               }
    12.           }catch(e){
    13.               alert('Error:'+e.toString());
    14.           }
    15.       }
    16.   }
    3、处理http请求的函数
     
    1. //处理http响应的函数
    2. function handleRequestChange(){
    3.     //当readyState为4时,读取服务器响应
    4.     if(xmlhttp.readyState == 4){
    5.         // 当http状态为'ok'时继续
    6.         if(xmlhttp.status == 200){
    7.             try{
    8.                 //从服务器读取响应
    9.                 readResponse();
    10.             }catch(e){
    11.                 alert('Error:'+e.toString());
    12.             }
    13.         }else{
    14.         alert('Error:'+xmlhttp.statusText);
    15.         }   
    16.     }
    4、读取服务器响应
     
    1. //读取服务器响应
    2. function readResponse(){
    3.     //获取文档元素
    4.     var xmlresponse = xmlhttp.responseXML;
    5.     
    6.     result = xmlresponse.getElementsByTagName('result')[0].firstChild.data;
    7.     fieldID = xmlresponse.getElementsByTagName('fieldid')[0].firstChild.data;
    8. 
    9.     //找到显示错误的html元素
    10.     document.getElementById(fieldID+'Failed').className = (result == '0') ? 'error' : 'hidden';
    11. }
    validate.php与validate.class.php:服务器上脚本文件,用于返回用户输入信息的响应。
    1. require('validate.class.php');
    2. 
    3. $validator = new Validate();
    4. 
    5. $value = $_GET['value'];
    6. $fieldID = $_GET['fieldID'];
    7. 
    8. //建立一个新的xml文件
    9. $dom = new DOMDocument();
    10. $response = $dom->createElement('response');
    11. $dom->appendChild($response);
    12. //创建result节点
    13. $result = $dom->createElement('result');
    14. $response->appendChild($result);
    15. $resultText = $dom->createTextNode($validator->ValidateAjax($value,$fieldID));
    16. $result->appendChild($resultText);
    17. 
    18. //创建fieldid节点
    19. $fieldid = $dom->createElement('fieldid');
    20. $response->appendChild($fieldid);
    21. $fieldidText = $dom->createTextNode($fieldID);
    22. $fieldid->appendChild($fieldidText);
    23. 
    24. //在一个字符变量中建立xml结构
    25. $xmlString = $dom->saveXML();
    26. //清除任何输出流,否则会不能通过document.getElementsByTagName()方法访问'<result>'和'<fieldid>'元素
    27. if(ob_get_length) ob_clean();
    28. //输出xml字符串  www.2cto.com
    29. echo $xmlString;
    config.php:用于初始化,定义连接数据库的文件。
    1. define ('HOST','localhost');
    2. define ('USER','joe');
    3. define ('PASSWORD','123');
    4. define ('DATABASE','ajax');

     效果图:




    展开全文
  • Ajax异步请求,表单验证自动检测是否重名
  • ajax表单验证程序资料

    2009-05-28 18:31:43
    这个是一个ajax应用的表单验证程序,适合初学者学习.我共享出来给大家使用
  • Ajax表单验证,初级,适合入门新学者用
  • ajax的简单运用,用于验证注册表单,涉及Ajax的运用,strut构架,jsp等知识的综合运用

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 52,017
精华内容 20,806
关键字:

ajax表单验证