웹 프론트엔드 JS 튜토리얼 Ajax를 사용하여 이메일과 사용자 이름의 고유성을 확인하는 방법

Ajax를 사용하여 이메일과 사용자 이름의 고유성을 확인하는 방법

Mar 30, 2018 pm 05:36 PM
ajax 우편

이번에는 Ajax를 사용하여 이메일과 사용자 이름의 고유성을 확인하는 방법을 알려드리겠습니다. Ajax를 사용하여 이메일과 사용자 이름의 고유성을 확인할 때 주의해야 할 주의 사항은 무엇입니까? 살펴보자.

더 이상 헛소리하지 마세요. 구체적인 코드는 다음과 같습니다.

 <script type="text/javascript">
    $(function () { 
      $("#txtEmail").blur(function () {
        $.ajax({
          type: "post",
          url: "reg.ashx?email=" + $.trim($("#txtEmail").val()) + "&d=" + (+new Date()),
          success: function (data) {
            var vCount = parseInt(data);
            if (vCount == 0) {
              alert("邮箱可以使用");
            }
            else {
              alert("邮箱已经被占用");
            }
          }
        });
      });
      $("#checkpwd").blur(function () {
        return CheckPwd();
      });
    });
    function CheckPwd()
    {
      var bCheck = true;
      if ($.trim($("#pwd").val()) != $.trim($("#checkpwd").val()))
      {
        alert("两次密码输入不一致");
        bCheck = false;
      }
      return bCheck;
    }
  </script>
로그인 후 복사

reg.ashx 코드:

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
namespace WebT1.Ti.html2
{
  /// <summary>
  /// reg 的摘要说明
  /// </summary>
  public class reg : IHttpHandler
  {
    public void ProcessRequest(HttpContext context)
    {
      if (context.Request["email"] != null)
      {
        string strEmail = context.Request["email"];
        List<UserModel> lstUser = DataService.GetUserList();
        var v = lstUser.Where(p => p.Email == strEmail);
        int iCount = 0;
        if (v.Count() > 0)
        {
          iCount = 1;
        }
        context.Response.ContentType = "text/plain";
        context.Response.Write(iCount.ToString());
      }
    }
    public bool IsReusable
    {
      get
      {
        return false;
      }
    }
  }
  public class DataService
  {
    /// <summary>
    /// 模拟已注册用户数据
    /// </summary>
    public static List<UserModel> GetUserList()
    {
      var list = new List<UserModel>();
      list.Add(new UserModel() { Email = "t1@demo.com" });
      list.Add(new UserModel() { Email = "t2@demo.com" });
      list.Add(new UserModel() { Email = "t3@demo.com" });
      list.Add(new UserModel() { Email = "t4@demo.com" });
      list.Add(new UserModel() { Email = "t5@demo.com" });
      return list;
    }
  }
  public class UserModel
  {
    public string Email { get; set; }
  }
}
로그인 후 복사

이 사례를 읽으신 후 방법을 마스터하셨으리라 믿습니다. 기사, 그리고 더 흥미로운 내용이 있을 것입니다. PHP 중국어 웹사이트에서 다른 관련 기사도 주목해 주세요!

추천 자료:

ajax 및 jsonp 크로스 도메인에 대한 자세한 설명(코드 포함)

ajax를 사용하여 json 데이터를 정의되지 않은 상태로 가져오는 방법

위 내용은 Ajax를 사용하여 이메일과 사용자 이름의 고유성을 확인하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.

핫 AI 도구

Undresser.AI Undress

Undresser.AI Undress

사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover

AI Clothes Remover

사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool

Undress AI Tool

무료로 이미지를 벗다

Clothoff.io

Clothoff.io

AI 옷 제거제

AI Hentai Generator

AI Hentai Generator

AI Hentai를 무료로 생성하십시오.

인기 기사

R.E.P.O. 에너지 결정과 그들이하는 일 (노란색 크리스탈)
3 몇 주 전 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. 최고의 그래픽 설정
3 몇 주 전 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. 아무도들을 수없는 경우 오디오를 수정하는 방법
3 몇 주 전 By 尊渡假赌尊渡假赌尊渡假赌

뜨거운 도구

메모장++7.3.1

메모장++7.3.1

사용하기 쉬운 무료 코드 편집기

SublimeText3 중국어 버전

SublimeText3 중국어 버전

중국어 버전, 사용하기 매우 쉽습니다.

스튜디오 13.0.1 보내기

스튜디오 13.0.1 보내기

강력한 PHP 통합 개발 환경

드림위버 CS6

드림위버 CS6

시각적 웹 개발 도구

SublimeText3 Mac 버전

SublimeText3 Mac 버전

신 수준의 코드 편집 소프트웨어(SublimeText3)

참깨 오픈 도어 교환 웹 페이지 로그인 최신 버전 GATEIO 공식 웹 사이트 입구 참깨 오픈 도어 교환 웹 페이지 로그인 최신 버전 GATEIO 공식 웹 사이트 입구 Mar 04, 2025 pm 11:48 PM

로그인 단계 및 암호 복구 프로세스를 포함하여 참깨 오픈 exchange 웹 버전의 로그인 작업에 대한 자세한 소개는 로그인 실패, 페이지를 열 수 없으며 플랫폼에 부드럽게 로그인 할 수없는 일반적인 문제에 대한 솔루션을 제공합니다.

Gate.io 등록 자습서 Gate.io 등록 자습서 Mar 31, 2025 pm 11:09 PM

이 기사는 공식 웹 사이트에 액세스하는 것부터 등록 정보 작성, 등록 정보 작성, 확인, 사용자 계약 읽기 등의 모든 단계를 다루는 자세한 Gate.io 등록 자습서를 제공합니다.이 기사는 또한 2 차 검증을 설정하고 실제 인증을 설정하고 초보자의 디지털 자산 거래를 시작하는 등의 성공적인 등록을 성공적으로 등록한 후 보안 조치를 강조합니다.

OKX OUYI 공식 웹 사이트 등록 포털 2025 OKX OUYI 공식 웹 사이트 등록 포털 2025 Mar 04, 2025 pm 11:45 PM

OKX OUYI는 주요 암호 화폐 거래 플랫폼입니다. 이 기사는 OKX OUYI 공식 웹 사이트 계정을 등록하는 방법에 대한 자세한 단계를 제공합니다. 공식 웹 사이트에 액세스하는 방법을 배우고 등록 방법을 선택하고 필요한 정보를 작성하고 등록 절차를 완료합니다. 이 기사에는 실제 개인 정보를 사용하는 것의 중요성과 강력한 비밀번호를 설정하는 것과 같은 예방 조치에 대한 정보도 포함되어 있습니다.

Gateio Exchange App Old 버전 Gateio Exchange App Old 버전 다운로드 채널 Gateio Exchange App Old 버전 Gateio Exchange App Old 버전 다운로드 채널 Mar 04, 2025 pm 11:36 PM

Gateio Exchange 앱은 공식, 제 3 자 애플리케이션 시장, 포럼 커뮤니티 및 기타 채널을 다루는 기존 버전의 채널을 다운로드합니다. 또한 기존 버전을 쉽게 얻고 새로운 버전 또는 장치 호환성을 사용하여 불편 함 문제를 해결하는 데 도움이됩니다.

참깨 오픈 도어 로그인 등록 입구 게이트 .io 교환 등록 공식 웹 사이트 입구 참깨 오픈 도어 로그인 등록 입구 게이트 .io 교환 등록 공식 웹 사이트 입구 Mar 04, 2025 pm 04:51 PM

Gate.io (Sesame Open Door)는 세계 최고의 암호 화폐 거래 플랫폼입니다. 자습서는 계정 등록 및 로그인, KYC 인증, 화폐 및 디지털 통화 재충전, 거래 쌍 선택, 한도/시장 거래 주문 및 주문 및 거래 기록보기와 같은 단계를 다루고 Cryptocurrency 거래를 위해 GATE.IO 플랫폼을 신속하게 시작할 수 있도록 도와줍니다. 초보자이든 베테랑이든,이 튜토리얼에서 혜택을 받고 Gate.io 거래 기술을 쉽게 마스터 할 수 있습니다.

Bitget 공식 웹 사이트에서 최신 앱을 등록하고 다운로드하는 방법 Bitget 공식 웹 사이트에서 최신 앱을 등록하고 다운로드하는 방법 Mar 05, 2025 am 07:54 AM

이 안내서는 Android 및 iOS 시스템에 적합한 공식 Bitget Exchange 앱에 대한 자세한 다운로드 및 설치 단계를 제공합니다. 이 안내서는 공식 웹 사이트, App Store 및 Google Play를 포함한 여러 권위있는 소스의 정보를 통합하고 다운로드 및 계정 관리 중 고려 사항을 강조합니다. 사용자는 App Store, 공식 웹 사이트 APK 다운로드 및 공식 웹 사이트 Jump, 완전한 등록, 신원 확인 및 보안 설정을 포함한 공식 채널에서 앱을 다운로드 할 수 있습니다. 또한 가이드는 자주 묻는 질문과 다음과 같은 고려 사항을 다룹니다.

Laravel에서는 이메일로 확인 코드를 보내지 못하는 상황을 처리하는 방법은 무엇입니까? Laravel에서는 이메일로 확인 코드를 보내지 못하는 상황을 처리하는 방법은 무엇입니까? Mar 31, 2025 pm 11:48 PM

Laravel의 이메일을 처리하지 않는 방법은 LaRavel을 사용하는 것입니다.

Gate.io 공식 로그인 웹 버전 참깨 오픈 도어 트레이딩 플랫폼 웹 버전 로그인 웹 버전 Gate.io 공식 로그인 웹 버전 참깨 오픈 도어 트레이딩 플랫폼 웹 버전 로그인 웹 버전 Mar 04, 2025 pm 04:33 PM

참깨 오픈 도어 트레이딩 플랫폼의 로그인 방법은 편리합니다. 사용자는 공식 웹 사이트를 방문하면 (도메인 이름을 직접 검색하십시오) 로그인하려면 등록 된 이메일/휴대 전화 번호 및 비밀번호를 입력하십시오. 이 플랫폼은 2FA와 같은 보안 검증 메커니즘을 가능하게하여 계정 보안을 보장 할 수 있습니다.

See all articles