高分跪求jQuery用户注册 要源码 (100)分 本帖最后由 wclhack 于 2010-04-05 15:44:41 编辑 解决方案 » 免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货 ---------楼主资料---------登录名:wclhack总技术分:100总技术排名:103881---------结贴情况---------截至:2010-04-05 15:40:41总发帖:7个正常结贴:7个未结贴:0个结贴率:100.00%评语:楼主继续加油,我们支持你!-------------------------- 记得,某CSDNER说,深圳做一个登录页面1000RMB lz现实点,这年头分没用,要是1k我可以帮你做 人家都是用 Jquery写好了啊 ,看源代码抄过来嘛<link rel="stylesheet" type="text/css" href="/css/register.css" /><link rel="stylesheet" type="text/css" href="http://common.cnblogs.com/css/validate.css" /><script type="text/javascript" src="http://common.cnblogs.com/script/jquery.js"></script><script type="text/javascript" src="http://common.cnblogs.com/script/framework.js"></script><script type="text/javascript" src="http://common.cnblogs.com/script/val.js"></script> 装个httpwatch获取那个网页的所有CSS,js文件试试 参考....http://www.bhcode.net/code/1041.html region.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/1999/xhtml" ><head> <title>注册</title> <script src="js/region.js" type="text/javascript"></script> <style type="text/css"> .red { color: #ff0000; } </style></head><body> <form method="post" action="registerInfo.aspx" id="register_form" name="register_form"> <div style="text-align: center"> <table border="0" cellpadding="3" cellspacing="3" style="margin: 0 auto;"> <tr> <td> <label> Username</label>: </td> <td> <input name="username" id="username" type="text" size="20" /> </td> </tr> <tr> <td> <label> Password</label>: </td> <td> <input name="pwd" id="pwd" type="password" size="20" /> </td> </tr> <tr> <td> <label> Question</label>: </td> <td> <input name="question" id="question" type="text" size="100" /> </td> </tr> <tr> <td> <label> Answer</label>: </td> <td> <input name="answer" id="answer" type="text" size="50" /> </td> </tr> <tr> <td> <label> Realname</label>: </td> <td> <input name="realname" id="realname" type="text" size="20" /> </td> </tr> <tr> <td> <label> Gender</label>: </td> <td> <input id="sex1" name="sex" type="radio" value="0" checked="checked" />男 <input id="sex2" name="sex" type="radio" value="1" />女 <input id="sex3" type="radio" name="sex" value="2" />保密 </td> </tr> <tr> <td> <label> Telphone</label>: </td> <td> <input name="tel" id="tel" type="password" size="20" /> </td> </tr> <tr> <td> <label> Emial</label>: </td> <td> <input name="email" id="email" type="text" size="20" /> </td> </tr> <tr align="right"> <td colspan="2"> <input type="button" id="btnReg" value="register" /> <input type="button" id="Submit1" value="Cancel" onclick="tb_remove()" /> </td> </tr> </table> <div id="confirm"> </div> </div> </form></body></html> region.js文件$(document).ready(function(){ $("#btnReg").click(function(){ checkRegUser(); }); });function checkRegUser(){ var r_username = $('#username').val(); var r_password = $("#pwd").val(); var r_question = $("#question").val(); var r_answer = $("#answer").val(); var r_realname = $("#realname").val(); var r_sex = $("input[name='sex']:checked").val(); var r_tel = $("#tel").val(); var r_email = $("#email").val(); if (r_username==''){ alert("请输入登录ID"); $('#username').focus(); return false; } if(r_password ==''){ alert("请输入登录密码"); $('#pwd').focus(); return false; } if(r_email ==''){ alert("请输入email"); $('#email').focus(); return false; } $.ajax({ type: 'POST',//URL方式为POST url: 'registerInfo.aspx',//这里是指向注册验证的页面 data:'username='+r_username+'&password='+r_password+'&question='+r_question+'&answer='+r_answer+'&realname='+r_realname+'&sex='+r_sex+'&tel='+r_tel+'&email='+r_email,//把要验证的参数传过去 dataType:'json',//数据类型为JSON格式的验证 //在发送数据之前要运行的函数 beforeSend:function(){ $('#confirm').html('注册中.........'); }, error: function(){ alert("出现未知错误!"); }, success:function(data) { //这是个重点,根据验证页面(registerInfo.aspx)输出的JSON格式数据判断是否注册成功 //这里我用1表示的 //sta就是那个输出到客户端的标示 if(data.sta==1){ $('#confirm').html('注册成功!');location.href='registerOK.htm'; } else{ $('#confirm').html('注册失败!').addClass('red'); } } }); } registerInfo.aspx.cs文件using System;using System.Collections;using System.Configuration;using System.Data;using System.Web;using System.Web.Security;using System.Web.UI;using System.Web.UI.HtmlControls;using System.Web.UI.WebControls;using System.Web.UI.WebControls.WebParts;namespace ToHtml{ public partial class registerInfo : System.Web.UI.Page { userInfo user = new userInfo(); protected void Page_Load(object sender, EventArgs e) { //执行注册验证的方法 checkRegistered(); } public void checkRegistered() { //获得注册页面POST过来的参数 string r_username = Request.Params["username"].ToString(); string r_password = Request.Params["password"].ToString(); string r_question = Request.Params["question"].ToString(); string r_answer = Request.Params["answer"].ToString(); string r_realname = Request.Params["realname"].ToString(); string r_sex = Request.Params["sex"].ToString(); string r_tel = Request.Params["tel"].ToString(); string r_email = Request.Params["email"].ToString(); if (checkValidata()) { user.userInfoAdd(r_username, r_password, r_question, r_answer, r_realname, r_sex, r_tel, r_email); //如果注册成功则构造这样序列化好的JSON格式的数据 // 这里我用1来表示成功,大家可以随便用什么表示都可以 Response.Write(CreareJson("这里面可以随便写点什么", 1)); } else { // 否则是这样的 Response.Write(CreareJson("这里面可以随便写点什么", 0)); } // end方法一定要写 终止客户端的执行 Response.End(); } /// <summary> /// 定义一个方法用来输出标准的JSON格式数据 /// </summary> /// <param name="info">用来描述一般字符串</param> /// <param name="sta">这个用来表示和ajax传输过来数据比较的一个key和value,不一定非用这个表示</param> /// <returns>返回标准JSON格式字符串</returns> private string CreareJson(string info, int sta) { return "{\"info\":\"" + info + "\",\"sta\":" + sta + "}"; } private bool checkValidata() { return true; } }} 锋利的jquery 搜搜 什么脑筋都不愿意动的人,建议看看这个:lxcnn 原谅我当初只知任性,不明事理,plglenn失业忏悔录 照着书上做,居然也会错,严重怀疑作者是否用心 [No relevant source lines] 找了新工作用ASP.NET。请大家介绍2本AP.NET的好书 服务器端可以直接调用javascript函数吗 ORACLE你实现了没有? 视频怎么做啊,用摄像头 VS.NET中使用CSS样式时的棘手问题 千虫网络新闻正式版下载问题 搞不懂!特怪,为什么...... 思归,怪了,DropDownList的事件竟然触发不了??? HttpWebRequest 来路问题 cookie和session比较
登录名:wclhack
总技术分:100
总技术排名:103881
---------结贴情况---------
截至:2010-04-05 15:40:41
总发帖:7个
正常结贴:7个
未结贴:0个
结贴率:100.00%
评语:楼主继续加油,我们支持你!
--------------------------
<link rel="stylesheet" type="text/css" href="http://common.cnblogs.com/css/validate.css" />
<script type="text/javascript" src="http://common.cnblogs.com/script/jquery.js"></script>
<script type="text/javascript" src="http://common.cnblogs.com/script/framework.js"></script>
<script type="text/javascript" src="http://common.cnblogs.com/script/val.js"></script>
http://www.bhcode.net/code/1041.html
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>注册</title>
<script src="js/region.js" type="text/javascript"></script> <style type="text/css">
.red
{
color: #ff0000;
}
</style>
</head>
<body>
<form method="post" action="registerInfo.aspx" id="register_form" name="register_form">
<div style="text-align: center">
<table border="0" cellpadding="3" cellspacing="3" style="margin: 0 auto;">
<tr>
<td>
<label>
Username</label>:
</td>
<td>
<input name="username" id="username" type="text" size="20" />
</td>
</tr>
<tr>
<td>
<label>
Password</label>:
</td>
<td>
<input name="pwd" id="pwd" type="password" size="20" />
</td>
</tr>
<tr>
<td>
<label>
Question</label>:
</td>
<td>
<input name="question" id="question" type="text" size="100" />
</td>
</tr>
<tr>
<td>
<label>
Answer</label>:
</td>
<td>
<input name="answer" id="answer" type="text" size="50" />
</td>
</tr>
<tr>
<td>
<label>
Realname</label>:
</td>
<td>
<input name="realname" id="realname" type="text" size="20" />
</td>
</tr>
<tr>
<td>
<label>
Gender</label>:
</td>
<td>
<input id="sex1" name="sex" type="radio" value="0" checked="checked" />男
<input id="sex2" name="sex" type="radio" value="1" />女
<input id="sex3" type="radio" name="sex" value="2" />保密
</td>
</tr>
<tr>
<td>
<label>
Telphone</label>:
</td>
<td>
<input name="tel" id="tel" type="password" size="20" />
</td>
</tr>
<tr>
<td>
<label>
Emial</label>:
</td>
<td>
<input name="email" id="email" type="text" size="20" />
</td>
</tr>
<tr align="right">
<td colspan="2">
<input type="button" id="btnReg" value="register" />
<input type="button" id="Submit1" value="Cancel" onclick="tb_remove()" />
</td>
</tr>
</table>
<div id="confirm">
</div>
</div>
</form>
</body>
</html>
$("#btnReg").click(function(){
checkRegUser();
});
});
function checkRegUser(){ var r_username = $('#username').val();
var r_password = $("#pwd").val();
var r_question = $("#question").val();
var r_answer = $("#answer").val();
var r_realname = $("#realname").val();
var r_sex = $("input[name='sex']:checked").val();
var r_tel = $("#tel").val();
var r_email = $("#email").val();
if (r_username==''){
alert("请输入登录ID");
$('#username').focus();
return false;
}
if(r_password ==''){
alert("请输入登录密码");
$('#pwd').focus();
return false;
}
if(r_email ==''){
alert("请输入email");
$('#email').focus();
return false;
}
$.ajax({
type: 'POST',//URL方式为POST
url: 'registerInfo.aspx',//这里是指向注册验证的页面
data:'username='+r_username+'&password='+r_password+'&question='+r_question+'&answer='+r_answer+'&realname='+r_realname+'&sex='+r_sex+'&tel='+r_tel+'&email='+r_email,//把要验证的参数传过去
dataType:'json',//数据类型为JSON格式的验证
//在发送数据之前要运行的函数
beforeSend:function(){
$('#confirm').html('注册中.........');
},
error: function(){
alert("出现未知错误!");
},
success:function(data)
{
//这是个重点,根据验证页面(registerInfo.aspx)输出的JSON格式数据判断是否注册成功
//这里我用1表示的
//sta就是那个输出到客户端的标示
if(data.sta==1){
$('#confirm').html('注册成功!');location.href='registerOK.htm';
}
else{
$('#confirm').html('注册失败!').addClass('red');
}
}
});
}
using System.Collections;
using System.Configuration;
using System.Data;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.HtmlControls;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;namespace ToHtml
{
public partial class registerInfo : System.Web.UI.Page
{
userInfo user = new userInfo();
protected void Page_Load(object sender, EventArgs e)
{
//执行注册验证的方法
checkRegistered();
}
public void checkRegistered()
{
//获得注册页面POST过来的参数
string r_username = Request.Params["username"].ToString();
string r_password = Request.Params["password"].ToString();
string r_question = Request.Params["question"].ToString();
string r_answer = Request.Params["answer"].ToString();
string r_realname = Request.Params["realname"].ToString();
string r_sex = Request.Params["sex"].ToString();
string r_tel = Request.Params["tel"].ToString();
string r_email = Request.Params["email"].ToString(); if (checkValidata())
{
user.userInfoAdd(r_username, r_password, r_question, r_answer, r_realname, r_sex, r_tel, r_email);
//如果注册成功则构造这样序列化好的JSON格式的数据
// 这里我用1来表示成功,大家可以随便用什么表示都可以
Response.Write(CreareJson("这里面可以随便写点什么", 1));
}
else
{
// 否则是这样的
Response.Write(CreareJson("这里面可以随便写点什么", 0));
}
// end方法一定要写 终止客户端的执行
Response.End();
}
/// <summary>
/// 定义一个方法用来输出标准的JSON格式数据
/// </summary>
/// <param name="info">用来描述一般字符串</param>
/// <param name="sta">这个用来表示和ajax传输过来数据比较的一个key和value,不一定非用这个表示</param>
/// <returns>返回标准JSON格式字符串</returns>
private string CreareJson(string info, int sta)
{
return "{\"info\":\"" + info + "\",\"sta\":" + sta + "}";
} private bool checkValidata()
{
return true;
}
}
}
lxcnn 原谅我当初只知任性,不明事理,plglenn失业忏悔录