jsp部分：是一個普通的<input>標籤

<input type="tel" name="unumber"
id="phone" placeholder="請輸入手機號" >

<input  type="tel" 
name="input_code" id="code" placeholder="請輸入驗證碼" >

<input  type="button"
style=" border-radius: 5px;width: 100%; height: 100%; text-align: center; padding-left: 2px"
	id="getCode" value="獲取" onclick="sendCode(this)"
 
>

js部分：

// 點選獲取，進入倒計時，按序號進行

後臺java程式碼：

// 向用戶手機號傳送驗證碼，並儲存在session域中，方便進行驗證此驗證碼是否輸入正確。 

public void send(HttpServletRequest request, HttpServletResponse response) {
		String phone = request.getParameter("phone");
		try {
			String code = SendMessage.sendMess(phone)
 
;//此處為自己封裝的sendMess（）方法，獲取驗證碼，見下面。
			request.getSession().setAttribute("code", code);
		} catch (Exception e1) {
			// TODO Auto-generated catch block
			try {
				response.getWriter().write("傳送失敗了");
			} catch (IOException e) {
				// TODO Auto-generated catch block
				e.printStackTrace();
			}
		}
		try {
			response.getWriter().write("傳送成功");
		} catch (IOException e) {
			// TODO Auto-generated catch block
			e.printStackTrace();
		}

	}

//此處用的是網易雲簡訊服務，本段程式碼可直接拷貝使用，需更改相應賬號、祕鑰、以及簡訊id，也可自行參考網易雲簡訊開發手冊。

public class SendMessage {
 //傳送驗證碼的請求路徑URL
    private static final String
            SERVER_URL="https://api.netease.im/sms/sendcode.action";
    //網易雲信分配的賬號，請替換你在管理後臺應用下申請的Appkey
    private static final String 
            APP_KEY="545ab725fbfe94fa3585bf24ba18a889";
    //網易雲信分配的金鑰，請替換你在管理後臺應用下申請的appSecret
    private static final String APP_SECRET="5862f3168049";
    //隨機數
    private static final String NONCE="123456";
    //簡訊模板ID
    private static final String TEMPLATEID="3094133";
    //手機號
    //private static final String MOBILE="13812186059";
    //驗證碼長度，範圍4～10，預設為4
    private static final String CODELEN="4";


    public static String sendMess(String phone) throws Exception {


        DefaultHttpClient httpClient = new DefaultHttpClient();
        HttpPost httpPost = new HttpPost(SERVER_URL);
        String curTime = String.valueOf((new Date()).getTime() / 1000L);
        /*
         * 參考計算CheckSum的java程式碼，在上述文件的引數列表中，有CheckSum的計算文件示例
         */
        String checkSum = CheckSumBuilder.getCheckSum(APP_SECRET, NONCE, curTime);


        // 設定請求的header
        httpPost.addHeader("AppKey", APP_KEY);
        httpPost.addHeader("Nonce", NONCE);
        httpPost.addHeader("CurTime", curTime);
        httpPost.addHeader("CheckSum", checkSum);
        httpPost.addHeader("Content-Type", "application/x-www-form-urlencoded;charset=utf-8");


        // 設定請求的的引數，requestBody引數
        List<NameValuePair> nvps = new ArrayList<NameValuePair>();
        /*
         * 1.如果是模板簡訊，請注意引數mobile是有s的，詳細引數配置請參考“傳送模板簡訊文件”
         * 2.引數格式是jsonArray的格式，例如 "['13888888888','13666666666']"
         * 3.params是根據你模板裡面有幾個引數，那裡面的引數也是jsonArray格式
         */
        nvps.add(new BasicNameValuePair("templateid", TEMPLATEID));
        nvps.add(new BasicNameValuePair("mobile", phone));
        nvps.add(new BasicNameValuePair("codeLen", CODELEN));


        httpPost.setEntity(new UrlEncodedFormEntity(nvps, "utf-8"));


        // 執行請求
        HttpResponse response = httpClient.execute(httpPost);
        /*
         * 1.列印執行結果，列印結果一般會200、315、403、404、413、414、500
         * 2.具體的code有問題的可以參考官網的Code狀態表
         * 
         * 
         * {"code":200,"msg":"1","obj":"8588"}
         */
        
        String result = EntityUtils.toString(response.getEntity(), "utf-8");
       //將輸出結果進行解析，獲取傳送出去的驗證碼，例如上述中的“8588”。
        String[] results = result.split(":");
        String _result =results[3].substring(1, 5);
        
        return _result;
    }
}