Ajax學習筆記-驗證使用者名稱是否可用

最後更新：2014-10-09 來源：互聯網

上載者：User

創建阿里雲帳戶，並獲得超過 40 款產品的免費試用版；而企業帳戶則可以享有總值 $1200 的免費試用版。立即註冊！

標籤：function 使用者名稱 change

<%@ page language="java" contentType="text/html; charset=UTF-8"    pageEncoding="UTF-8"%><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title></title><script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery-1.11.1.min.js"></script><script type="text/javascript">$(function(){$(":input[name=‘username‘]").change(function(){var val = $(this).val();val = $.trim(val);if(val != ""){var url = "${pageContext.request.contextPath}/validatUsername";var args = {"username":val, "time":new Date()};$.post(url, args, function(data){$("#message").html(data);});}});})</script></head><body><!-- 1.匯入JQuery庫2.擷取name="username"的結點：username3.1為username添加change響應函數。去除空格且不為空白。準備發生Ajax請求。3.2發送Ajax請求檢驗username是否可用3.3在服務端返回一個html片段3.4在用戶端瀏覽器把其直接添加到#message的html中 --><form action="" method="post">Username<input type="text" name="username"/><br/><div id="message"></div><br/><input type="submit" value="submit"/></form></body></html>

servlet

protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {// TODO Auto-generated method stubList<String> usernames = Arrays.asList("aaa","bbb","ccc");String username = request.getParameter("username");String result= null;if (usernames.contains(username)) {result = "<font color=‘red‘>該使用者名稱已經被使用</font>";}else{result = "<font color=‘red‘>該使用者名稱可以使用</font>";}response.setContentType("text/html;charset=UTF-8");response.setCharacterEncoding("UTF-8");response.getWriter().print(result);}

650) this.width=650;" src="http://s3.51cto.com/wyfs02/M01/4B/F6/wKiom1Q2N6DAbcXoAAA3LBrlRkM507.jpg" title="QQ20141009152149.png" alt="wKiom1Q2N6DAbcXoAAA3LBrlRkM507.jpg" />

本文出自 “阿凡達” 部落格，請務必保留此出處http://shamrock.blog.51cto.com/2079212/1561787

Ajax學習筆記-驗證使用者名稱是否可用

本文章原先以中文撰寫並發佈於 aliyun.com，亦設英文版本，僅作資訊用途。本網站不對文章的準確性，完整性或可靠性或其任何翻譯作出任何明示或暗示的陳述或保證。如對該文章有任何疑慮或投訴，請傳送電郵至 info-contact@alibabacloud.com 並提供相關疑慮或投訴的詳細說明。職員會於 5 個工作天內與您聯絡，一經驗證之後，即會刪除該侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

Get Started for Free

Sales Support

1 on 1 presale consultation

Chat Contact Sales
After-Sales Support

24/7 Technical Support 6 Free Tickets per Quarter Faster Response

Open a Ticket
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.

Learn More