100分求个简单的讲解 .NET下用Jquery实现登录名判断和表单验证.最好有前后台代码。不需要插件。特别是$.get(URL, ,)不太懂。是不是要在后台连接数据库写判断呢?各位大侠帮帮忙,一会背完英语回来结贴. 解决方案 » 免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货 那个不是说Jquery实现的,严格说起来是AJAX实现的,用jquery获取到你的用户名密码信息,然后通过AJAX发送到验证的网页里,在那个验证的网页里判断是否正确,然后返回验证结果 如果是jquery,1:这种$.get(URL, ,)是难免的。这是jquery的风格。2:如果是检测用户名肯定是要连接后台来判断的。jquery对ajax也进行了封装,调用起来很方便楼主可以在网上搜一下相关的插件,很多的 var html = $.ajax({ url: "login.aspx?UserName="+name, async: false }).responseText; jquery 貌似lz是个mm....大家积极行动起来吧 $.get(url)是jquery实现AJAX的一个方法http://www.cnblogs.com/zhangziqiu/archive/2009/05/08/jQuery-Learn-6.html讲JQUERY讲得挺好的别老光要代码。 不需要插件。特别是$.get(URL, ,)--------------------没有这个 就不是jqury了啊 。怎么讲啊 。 用js 一样的 。 ajaxLogin.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/login.js" type="text/javascript"></script> <style type="text/css"> .red { color: #ff0000; } </style></head><body> <form method="post" action="login.aspx" id="login_form" name="login_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="login_id" id="login_id" type="text" size="20" /> </td> </tr> <tr> <td> <label> Password</label>: </td> <td> <input name="login_pwd" id="login_pwd" type="password" size="20" /> </td> </tr> <tr align="right"> <td colspan="2"> <input type="button" id="LoginBtn" value="login" /> <input type="button" id="Submit1" value="Cancel" onclick="tb_remove()" /> </td> </tr> </table> <div id="confirm"> </div> </div> </form></body></html> login.aspx.csusing 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 login : System.Web.UI.Page { protected void Page_Load(object sender, EventArgs e) { //执行登录验证的方法 checklogin(); } public void checklogin() { //获得登录页面POST过来的参数 string username = Request.Params["id"].ToString(); string userpwd = Request.Params["pwd"].ToString(); if (username == "admin" && userpwd == "admin") { //如果登录成功则构造这样序列化好的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 + "}"; } }} login.js$(document).ready(function(){ //获取登录按的事件并激活click事件 $('#LoginBtn').click(function(){ chacklogin(); }); }); function chacklogin() { var login_id=$('#login_id').val(); var login_pwd=$('#login_pwd').val(); if (login_id=='') { alert("请输入登录ID"); //$('#confirm').html('请输入登录ID'); $('#login_id').focus(); return false; } if(login_pwd =='') { $('#confirm').html('请输入登录密码'); $('#login_pwd').focus(); return false; } $.ajax({ type: 'POST',//URL方式为POST url: 'login.aspx',//这里是指向登录验证的页面 data:'id='+login_id+'&pwd='+login_pwd,//把要验证的参数传过去 dataType:'json',//数据类型为JSON格式的验证 //在发送数据之前要运行的函数 beforeSend:function(){ $('#confirm').html('登录中.........'); }, success:function(data) { //这是个重点,根据验证页面(login.aspx)输出的JSON格式数据判断是否登录成功 //这里我用1表示的 //sta就是那个输出到客户端的标示 if(data.sta==1) { $('#confirm').html('登录成功!');location.href='loginOK.htm'; } else { $('#confirm').html('密码都没输入正确还想进,哼!').addClass('red'); } } }); } 把需要必填的控件添加一个class,如<input type='text' class='mustinputlabel'提交表单的时间进行判断$(".mustinputlabel").each(function(){if($(this).val() == ""){return false;}return true;}); sql server 2005连接问题 viewstate问题 vs2005开发web碰到一小问题,帮忙看看 急急急!在客户端imagebutton控件无反应! [求助]十万火急!!!如何让div不显示 项“integrated security”的值无效! 在线求解感激不尽!!! 为什么脚本不能执行 一些用Asp.NET开发的系统示例的网址 asp.net用户控件||母板页调用问题 做动态滚动图片(自右向左或自左向右滚动) 如何将session的值传给aspxgridview项模板中的控件 asp.net DataSet数据合并
1:这种$.get(URL, ,)是难免的。这是jquery的风格。
2:如果是检测用户名肯定是要连接后台来判断的。jquery对ajax也进行了封装,调用起来很方便楼主可以在网上搜一下相关的插件,很多的
url: "login.aspx?UserName="+name,
async: false
}).responseText;
jquery
大家积极行动起来吧
--------------------
没有这个 就不是jqury了啊 。怎么讲啊 。
用js 一样的 。
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>登录</title> <script src="js/login.js" type="text/javascript"></script> <style type="text/css">
.red
{
color: #ff0000;
}
</style>
</head>
<body>
<form method="post" action="login.aspx" id="login_form" name="login_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="login_id" id="login_id" type="text" size="20" />
</td>
</tr>
<tr>
<td>
<label>
Password</label>:
</td>
<td>
<input name="login_pwd" id="login_pwd" type="password" size="20" />
</td>
</tr>
<tr align="right">
<td colspan="2">
<input type="button" id="LoginBtn" value="login" />
<input type="button" id="Submit1" value="Cancel" onclick="tb_remove()" />
</td>
</tr>
</table>
<div id="confirm">
</div>
</div>
</form>
</body>
</html>
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 login : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
//执行登录验证的方法
checklogin(); }
public void checklogin()
{
//获得登录页面POST过来的参数
string username = Request.Params["id"].ToString();
string userpwd = Request.Params["pwd"].ToString();
if (username == "admin" && userpwd == "admin")
{
//如果登录成功则构造这样序列化好的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 + "}";
}
}
}
//获取登录按的事件并激活click事件
$('#LoginBtn').click(function(){
chacklogin();
});
});
function chacklogin()
{
var login_id=$('#login_id').val();
var login_pwd=$('#login_pwd').val();
if (login_id=='')
{
alert("请输入登录ID");
//$('#confirm').html('请输入登录ID');
$('#login_id').focus();
return false;
}
if(login_pwd =='')
{
$('#confirm').html('请输入登录密码');
$('#login_pwd').focus();
return false;
} $.ajax({
type: 'POST',//URL方式为POST
url: 'login.aspx',//这里是指向登录验证的页面
data:'id='+login_id+'&pwd='+login_pwd,//把要验证的参数传过去
dataType:'json',//数据类型为JSON格式的验证
//在发送数据之前要运行的函数
beforeSend:function(){
$('#confirm').html('登录中.........');
},
success:function(data)
{
//这是个重点,根据验证页面(login.aspx)输出的JSON格式数据判断是否登录成功
//这里我用1表示的
//sta就是那个输出到客户端的标示
if(data.sta==1)
{
$('#confirm').html('登录成功!');location.href='loginOK.htm';
}
else
{
$('#confirm').html('密码都没输入正确还想进,哼!').addClass('red');
}
}
});
}
if($(this).val() == "")
{
return false;
}
return true;
});