实例之数据验证
来源:互联网 发布:淘宝网t恤女 编辑:程序博客网 时间:2024/05/20 18:41
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>自动校验的表单</title>
<style type="text/css">
<!--
form{
padding:0px; margin:0px;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
}
input{
border:1px solid #004082;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
}
-->
</style>
<script language="javascript" src="jquery.min.js"></script>
<script language="javascript">
$(function(){
$("#UserResult").ajaxSend(function(){
//定义全局函数
$(this).html("<font style='background:#990000; color:#FFFFFF;'>loading... </font>");
});
});
function showResult(sText){
var oSpan = document.getElementById("UserResult");
oSpan.innerHTML = sText;
if(sText.indexOf("already exists") >= 0)
//如果用户名已被占用
oSpan.style.color = "red";
else
oSpan.style.color = "black";
}
function startCheck(oInput){
//首先判断是否有输入,没有输入直接返回,并提示
if(!oInput.value){
oInput.focus(); //聚焦到用户名的输入框
$("#UserResult").html("User cannot be empty.");
return;
}
$.get("14-9.aspx",{user:oInput.value.toLowerCase()},
//用jQuery来获取异步数据
function(data){
showResult(decodeURI(data));
}
);
}
</script>
</head>
<body>
<form name="register">
<table cellpadding="5" cellspacing="0" border="0">
<tr><td>用户名:</td><td><input type="text" onblur="startCheck(this)" name="User"></td> <td><span id="UserResult"></span></td> </tr>
<tr><td>输入密码:</td><td><input type="password" name="passwd1"></td> <td></td> </tr>
<tr><td>确认密码:</td><td><input type="password" name="passwd2"></td> <td></td> </tr>
<tr>
<td colspan="2" align="center">
<input type="submit" value="注册">
<input type="reset" value="重置">
</td> <td></td>
</tr>
</table>
</form>
</body>
</html>
<%@ Page Language="C#" ContentType="text/html" ResponseEncoding="gb2312" %>
<%@ Import Namespace="System.Data" %>
<%
Response.CacheControl = "no-cache";
Response.AddHeader("Pragma","no-cache");
for(int i=0;i<100000000;i++); //为了测试返回速度慢
if(Request["user"]=="isaac")
Response.Write("Sorry, " + Request["user"] + " already exists.");
else
Response.Write(Request["user"]+" is ok.");
%>
- 实例之数据验证
- ExtJS之数据验证
- struts2之数据验证
- SpringMVC 之 数据验证
- SpringMVC 之 数据验证
- SpringMVC之数据验证
- 数据验证之长度限制
- 数据验证之完整示例
- cakephp框架之数据验证
- AngularJS入门之数据验证
- ajax实例之用户名即时验证
- PHP之创建图像验证码 ---实例
- react之prop验证代码实例
- PHP之创建图像验证码 ---实例
- 数据冒险之队列实例
- 使用服务器端数据验证控件的综合实例
- Struts实例详解5--数据验证
- Struts从0开始5:Struts中验证数据实例
- tcp/ip (六)
- SonyEricsson IOException 80000019
- 2.4 数据操作对象Access
- 图标问题:killall bonobo-activation-server
- 初生“虎犊”不怕“牛”社交网站首度击败搜索引擎
- 实例之数据验证
- [随笔]_写在断网时
- 配置管理漫漫谈之基准建立和变更的时机
- RO段、RW段和ZI段
- FMS 教程(SharedObject)用户列表
- 软件项目管理所必要的几个部分
- Mondrian_环境搭建
- SQL 表连接后插入另一表数据字段检查
- 致新手:用VB6解决一些有趣的问题(六)