.NET下用Jquery实现登录名判断和表单验证.最好有前后台代码。不需要插件。特别是$.get(URL, ,)不太懂。是不是要在后台连接数据库写判断呢?各位大侠帮帮忙,一会背完英语回来结贴.

解决方案 »

  1.   

    那个不是说Jquery实现的,严格说起来是AJAX实现的,用jquery获取到你的用户名密码信息,然后通过AJAX发送到验证的网页里,在那个验证的网页里判断是否正确,然后返回验证结果
      

  2.   

    如果是jquery,
    1:这种$.get(URL, ,)是难免的。这是jquery的风格。
    2:如果是检测用户名肯定是要连接后台来判断的。jquery对ajax也进行了封装,调用起来很方便楼主可以在网上搜一下相关的插件,很多的
      

  3.   

    var html = $.ajax({ 
        url: "login.aspx?UserName="+name, 
        async: false 
        }).responseText; 
    jquery
      

  4.   

    貌似lz是个mm....
    大家积极行动起来吧
      

  5.   

    $.get(url)是jquery实现AJAX的一个方法http://www.cnblogs.com/zhangziqiu/archive/2009/05/08/jQuery-Learn-6.html讲JQUERY讲得挺好的别老光要代码。
      

  6.   

    不需要插件。特别是$.get(URL, ,)
    --------------------
    没有这个 就不是jqury了啊  。怎么讲啊 。 
    用js 一样的 。
      

  7.   

    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>
      

  8.   

    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 + "}";
            }
        }
    }
      

  9.   

    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'); 
             
             } 
       } 
      }); 

      

  10.   

    把需要必填的控件添加一个class,如<input type='text' class='mustinputlabel'提交表单的时间进行判断$(".mustinputlabel").each(function(){
    if($(this).val() == "")
    {
    return false;
    }
    return true;
    });