ajax注册表单验证

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="ManagerControl.aspx.cs" Inherits="ManagerControl" %>
<!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/1999/xhtml" >
<head runat="server">
<meta http-equiv="content-type" content="text/html; charset=GB2312" />
<title>王子的宫殿</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<link rel="stylesheet" type="text/css" href="default.css" />
<script language="javascript" type="text/javascript" src="js/main.js">
</script>
</head>
<body>
<div id="outer">
<div id="upbg" style="left: 0px; top: 0px"></div>
<div id="inner">
<div id="header">
<h1><span>学生作业</span>上传系统<sup>v1.0</sup></h1>
<h2>by 薛晓龙</h2>
</div>
<div id="splash"></div>
<div id="menu" style="left: 0px; top: 0px">
<ul>
<li class="first"><a href="Default.aspx">主页</a></li>
<li><a href="http://www.bianceng.cn/index.php#">作业上传</a></li>
<li><a href="http://www.bianceng.cn/index.php#">作业查看</a></li>
<li><a href="http://www.bianceng.cn/index.php#">资源下载</a></li>
<li><a href="Myinfo.aspx">联系我</a></li>
<li><a href="Manager.aspx">后台管理</a></li>
</ul>
<div id="date">August 1, 2006</div>
</div>
<div id="primarycontent" style="left:0px; top: 0px; width:100%; height:80%">
<div id="contentManager">
<div id="Managercontent" style=" height:500px; text-align:center">
<span id="Loginheader"><a href="ManagerControl.aspx"><img src="images/Reg.gif" alt="免费注册" /></a></span>
<table style="margin-top:30px; height: 172px;">
<tr>
<td class="RegSign">
用户名:
</td>
<td class="RegTd">
<input id="RegName" class="text" type="text" onblur="CheckUserName()" /></td>
<td id="userNError" class="RegError">
</td>
</tr>
<tr>
<td class="RegSign">
密码:</td>
<td class="RegTd">
<input id="RegPw" class="text" type="password" onblur="CheckisNullPw()" /></td>
<td id="PwError" class="RegError">
</td>
</tr>
<tr>
<td class="RegSign">
学号:</td>
<td class="RegTd"><input id="RegNum" class="text" type="text" onblur="CheckisNullNUm()" /></td>
<td id="NumError" class="RegError">
</td>
</tr>
<tr>
<td class="RegSign">
班级:</td>
<td class="RegTd">
<select id="RegClass" class="text" onchange="CheckisNullClass()">
<option selected="selected">——请选择——</option>
<option>地理信息051</option>
<option>地理信息052</option>
</select>
<%-- <input id="RegClass" class="text" type="text" />--%></td>
<td id="ClassError" class="RegError">
</td>
</tr>
<tr>
<td class="RegSign">
</td>
<td class="RegTd">
<img src="images/zhuce.gif" alt="提交" style="cursor:pointer" id="IMG1" language="javascript" onclick="return Register()" /></td>
<td class="RegError">
</td>
</tr>
</table>
<div id="showReginMessage"></div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>

时间: 2024-10-07 08:05:21

ajax注册表单验证的相关文章

ajax 注册表单验证

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="ManagerControl.aspx.cs" Inherits="ManagerControl" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/

基于PHP+Ajax实现表单验证的详解_php技巧

一,利用键盘响应,在不刷新本页面的情况下验证表单输入是否合法用户通过onkeydown和onkeyup事件来触发响应事件.使用方法和onclick事件类似.onkeydown表示当键盘上的键被按下时触发,onkeyup和它正好相反,当键盘上的键被按下又抬起时触发.两种常用调用方法:(1)将事件添加到页面元素中,当用户输入完信息后,单击任意键,onkeydown事件被触发,并调用refer()函数.这种方法最简单,最直接,格式如下: 复制代码 代码如下: <script type="text

ajax制作表单验证示例

ajax的功能主要是应用在js上,ajax对asp没什么要求,asp只负责在后台显示及操作服务端的数据. 可以像下面这样思考: 1.写表单第一项(如用户名) 2.onblur事件(失去焦点)发生时开始验证,onblur="checkusername()" 3.js发一个请求给第一个asp(假定为ajaxusername.asp)如果从数据库中找到了这个用户,给出1(ajaxusername.asp所有内容就是一个1)如 <% if(user.exist())response.wr

jQuery AJAX进行表单验证例子

html页面的代码如下 <body> <form action="form.php" method="post" id="form" onsubmit="return check();"> <table style="600px;" cellspacing="0"> <tr> <td>用户名</td> <td&

Ajax注册用户时实现表单验证_AJAX相关

很多时候在网站上注册时,我们会发现,注册表单通常需要检查用户名和电子邮件地址的可用性:从而确保用户之间不拥有相同的用户名和电子邮件地址:一些网站喜欢在用户提交填写的用户信息时,做信息可用性的检查,而一些网站会做实时的用户名和电子邮件地址可用性检查,例如:"用户名"文本框失去焦点时:就用户体验来说,实时的用户信息检查用户体验效果更好,而不是在表单提交后,告诉用户信息不符合系统要求. 下面截图是新浪微博的注册界面,它采用的是实时的用户信息检查,如:手机号码和用户名等信息. 图1新浪微博注册

Ajax注册用户时实现表单验证

很多时候在网站上注册时,我们会发现,注册表单通常需要检查用户名和电子邮件地址的可用性:从而确保用户之间不拥有相同的用户名和电子邮件地址:一些网站喜欢在用户提交填写的用户信息时,做信息可用性的检查,而一些网站会做实时的用户名和电子邮件地址可用性检查,例如:"用户名"文本框失去焦点时:就用户体验来说,实时的用户信息检查用户体验效果更好,而不是在表单提交后,告诉用户信息不符合系统要求. 下面截图是新浪微博的注册界面,它采用的是实时的用户信息检查,如:手机号码和用户名等信息. 图1新浪微博注册

Ajax表单验证的简单例子

做一个表单验证里面最简单的例子,检查用户名是否存在,使用Ajax完成表单验证的正常步骤应该是: 客户端收集表单信息. 使用XMLHttpRequest对象提交到服务器. 服务器完成验证的逻辑,返回结果信息. 浏览器端根据服务器返回的信息对用户做出一定的提示. 不过由于我的空间不支持任何服务器段语言,所以把本应在服务器的逻辑搬到了浏览器,由JavaScript来做,服务器只负责提供一个用户名的列表.最后的效果如下,试着输入test,cainiao8这些用户名,都会显示已注册. JavaScript

动态表单验证的操作方法和TP框架里面的ajax表单验证

动态验证的操作方法 function yz() { if(empty($_POST)) { $this->display(); } else { $db=D("Info"); $shu=array( array("Code","require","代号不能为空",0,"regex",3), ); if(!$db->validate($shu)->create()) { echo $db-&

自己动手丰衣足食之Easyform表单验证插件&amp;amp;validate.js实时验证

下载地址:http://download.csdn.net/detail/cometwo/9437671 <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Easyform表单验证插件实现简易注册表单验证代码</title> <