1。實現使用者註冊功能；
2。實現已存在使用者名稱不能註冊；
3。使用者名稱、密碼非空驗證；
4。密碼確認； 使用者註冊介面 Register.html
<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>使用者註冊</title> <script src="../jquery.min.js"></script> <script type="text/javascript"> //1.使用ajax方法進行請求伺服器 $(function () { $("#btnTJ").click(function () { //1..確認兩次密碼是否一致 if ($("#password").val() != $("#pwd").val()) { alert("兩次輸入的密碼不一致。"); return; }; //2..單擊後調用ajax $.ajax({ type: "post", url: "Register.ashx", data: { name: $("#user").val(), password: $("#password").val() }, success: function (data) {//通訊建立 if ("ok" == data.Status) { alert("註冊成功"); } else if ("error" == data.Status) { alert("系統錯誤," + data.Msg); } }, error: function () { alert("註冊失敗"); } } ) ;//3》。調用ajax });//2》。監聽提交按鈕的單擊事件 });//1》。頁面載入函數 </script></head><body> <fieldset> <legend>註冊分組</legend> <label for="user">用 戶 名： </label><input id="user" name="user" autocomplete="off" /> <br /><br /> <label for="password">密 碼：</label><input id="password" name="password" autocomplete="off" /> <br /><br /> <label for="pwd">確認密碼： </label><input id="pwd" name="password" autocomplete="off" /> <br /><br /> <input type="button" id="btnTJ"name="btnTJ" value="註冊" /> </fieldset></body></html>
使用者註冊一般處理常式
Register.ashx
<%@ WebHandler Language="C#" Class="Register" %>using System;using System.Web;using System.Web.Script.Serialization;using Web1;using System.Data.SqlClient;using System.Data;public class Register : IHttpHandler { public void ProcessRequest (HttpContext context) { context.Response.ContentType = "application/json";//1.修改報文類型 //1》。擷取使用者名稱和密碼 string user=context.Request["name"].Trim(); string password=context.Request["password"].Trim(); //4>>>>>違禁詞彙，字數長度限制也可以自行添加 //2》。非空檢查 if (string.IsNullOrWhiteSpace(user)) { context.Response.Write(new JavaScriptSerializer().Serialize(new { Status="error",Msg="使用者名稱不可為空。"})); return; } if (string.IsNullOrWhiteSpace(password)) { context.Response.Write(new JavaScriptSerializer().Serialize(new { Status = "error", Msg = "密碼不可為空。" })); return; } //3》。使用者名稱是否存在的檢查 DataTable dUsers = SqlHelper.ExecuteQuery("select username from T_users where username=@username", new System.Data.SqlClient.SqlParameter("@UserName", user)); if (dUsers.Rows.Count>1) { context.Response.Write(new JavaScriptSerializer().Serialize(new { Status="error",Msg="使用者已存在"})); return; } //4。插入資料庫 SqlHelper.ExecuteNonQuery("insert into T_users(username,password) values(@username,@password)" , new SqlParameter("@username", user), new SqlParameter("@password", password)); context.Response.Write(new JavaScriptSerializer().Serialize(new {Status="ok",Msg="註冊成功"})); } public bool IsReusable { get { return false; } }}
使用者表
運行結果
出現的錯誤（都是字母漏寫或是錯寫）
總結：
ajax—ajax，ajax，ajax，ajax，ajax，ajaxajaxajaxajaxajaxajaxajaxajaxajaxajaxajaxajaxajaxajaxajaxajaxajaxajaxajaxajaxajaxajaxajaxajaxajaxajaxajaxajaxajaxajaxajaxajaxajaxajaxajaxajaxajaxajaxajaxajaxajaxajaxajaxajaxajaxajaxajaxajaxajaxajaxajaxajaxajaxajaxajaxajaxajaxajaxajaxajaxajaxajaxajaxajaxajaxajaxajaxajaxajaxajaxajaxajaxajaxajaxajaxajaxajaxajaxajaxajax。。。。。。。。
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
