关于JQuery与AJAX验证
AJAX验证,其实就是JS代码,他就是先利用Jquery或JS获取一个值,然后偷偷的把值传送到验证界面,然后在偷偷的把验证后的结果给传回来,利用传回来的结果在进行JS判断,从而不会刷新界面。
用图片解释如下图:
大体过程就是这样,下面用代码来详细的解释一下如何进行用户名的唯一验证。。
1、 首先,在主页面的Html代码页里,写一个Jquery函数,用来获得要验证的值。(蓝色部分是传过去的值,红色部分是接收回来的值)
<script>
$(document).ready(function () { //对象准备在执行函数
$("#Text1").blur(function () { //准备是准备焦点离开的时候
var x = $("#Text1").val(); //获取到文本框的值 //下面开始利用Ajax传值
$.ajax({
url: "yanzheng.aspx", //相当于form表单的action
type: "POST",//相当于form表单的method
data: { uid: x } ,//传过去的参数 //接收传回来的值
datatype: "Xml",//返回值的类型
success: function (data) { //接收成功后执行的函数
var ch = $(data).text();
if(parseInt(ch)==0)
{
$("#Label1").html("恭喜你可以使用");
}
else
{
$("#Label1").html("Sorry,You Can't");
}
}
});
})
}) </script>
其中AJAX函数有5个参数,
传值:
url,往哪个页面传,相当于form表单的action
type,传送方式,相当于form表单的method
data,传过去的值
接收返回值:
datatype,返回值的类型
success,接收返回值成功后执行的函数
2、在后台界面写验证
public partial class yanzheng : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
string x= Request["uid"].ToString(); //接收传过来的值 //开始进行验证
List<Login> list= new UserBF().CheckUserI(x);
int count = list.Count();//得出查出来的集合中的数据数量 //在传回去,利用xml
Response.Write("<? xml version='1.0'?>"); //开始
Response.Write("<count>"+count+"</count>");//传值
Response.End();//结束 }
}
最后三句就是用Xml传回去,第一句是开始,都这样写,Version是版本。
第二句是传回去的值,前面随便自己定义个标签名。
第三句要把Response关闭。
传回去之后就可以利用Ajax的datatype来接收,success来写JS判断函数了
关于JQuery与AJAX验证的更多相关文章
- jQuery Validate Ajax 验证
jQuery Validate Ajax 验证 <script type="text/javascript"> $(function() { $('#formCityL ...
- jquery validation ajax 验证
<link href="${base}/res/basic/css/jquery/validationEngine/validationEngine.jquery.css" ...
- jquery validate ajax 验证重复的2种方法
转载自:http://blog.51yip.com/jsjquery/1484.html jquery validate 经过这种多年的改良,已经很完善了.它能满足80%的验证需要,如果validat ...
- jquery.validate ajax验证
$("#form1").validate({ rules: { ctl00$ContentPlaceHolder1$txtShopName: { remote: { type: & ...
- 利用jQuery实现的Ajax 验证用户名是否存在
异步刷新实现方式有多种,也可以借助JS的多种框架,下面是使用jQuery框架实现的AJAX 验证用户名是否存在 jQuery.ajax概述 HTTP 请求加载远程数据. 通过jQuery 底层 AJA ...
- jquery validationEngine 使用ajax验证不通过也提交表单
转自 http://mylfd.iteye.com/blog/2007227 validationEngine给我们为前端的表单验证减少了很大的工作量.大部分情况我们使用validationEngin ...
- 基于jQuery实现的Ajax 验证用户名唯一性
基于jQuery实现的Ajax 验证用户名唯一性 前端jsp页面代码 <tr> <th><span class="requiredField"> ...
- jQuery 与 AJAX 实现失去焦点验证用户名是否合格
JSP页面 <tr onmouseover="currentcolor=this.style.backgroundColor;this.style.backgroundColor='# ...
- 【原创经验分享】JQuery(Ajax)调用WCF服务
最近在学习这个WCF,由于刚开始学 不久,发现网上的一些WCF教程都比较简单,感觉功能跟WebService没什么特别大的区别,但是看网上的介绍,就说WCF比WebService牛逼多少多少,反正我刚 ...
随机推荐
- fgetc, getchar(), fscanf的问题
1.漫谈:为什么 函数fscanf(FILE stream, const char format, ...)的 第3个参数中 总是用变量的地址 或者是用指针. 这个问题涉及到 传值 和 传指针.一般情 ...
- NOIP201501&&02
NOIP201501金币 试题描述 国王将金币作为工资,发放给忠诚的骑士.第一天,骑士收到一枚金币:之后两天(第二天和第三天) ,每天收到两枚金币:之后三天(第四.五.六天) ,每天收到三枚金币:之后 ...
- POJ 2127 Greatest Common Increasing Subsequence -- 动态规划
题目地址:http://poj.org/problem?id=2127 Description You are given two sequences of integer numbers. Writ ...
- Sheepdog HTTP API
1.sheepdog中http simple storage中nginx后台配置文件模板留存: events { worker_connections 1024;} http { server { l ...
- redis 入门笔记(一)
redis是一个开源,先进的key-value存储,并用于构建高性能,可扩展的web应用程序的完美解决方案 三个主要特点: 1,Redis数据库完全在内存中,使用磁盘仅用于持久性 ...
- SSH+Ajax实现用户名重复检查(一)
1.struts.xml设置 <package name="default" namespace="/" extends="json-defau ...
- Markdown:纯文本进行网页排版的简单标记语言
Markdown http://daringfireball.net/projects/markdown/ 2016-08-03 Markdown是一种标记语言,对纯文本使用简单的标记符号进行网页格式 ...
- 几个css的小知识点(一)
1.对于不能确定宽度的div让它水平居中. <div class='father'> <div class='son'>居中</div> </div> ...
- postal.js使用
requirejs.config({ //默认情况下模块所在目录为js/lib baseUrl: './', //当模块id前缀为app时,他便由js/app加载模块文件 //这里设置的路径是相对与b ...
- 教了几天C语言 C语言竞赛------家长们你们为什么这么急!!
由于工大某些传统,暑假放一个月,想想有很多事情要做,而且回去也是热着,倒不如不回家了,在哈尔滨正好避暑,又能轻轻松松的吧事情做了,暑假还能有个好的休息,这样想着,最终决定不回去了.其实不回去的话,就会 ...