近期需要做一個新項目，我做得模塊需要用到手機短信驗證碼的功能，實現登錄，付款等功能，其中最主要的是用到了互億無線（www.ihuyi.com）的短信平台接口WebService客戶端接口，一開始摸索不到門路，后來跟平台那邊的技術對接之后接入還是比較方便的，最關鍵是一開始還有很多免費的，接下來我就把源碼貼出來分享給大家，大家可以參考一下，方便以后接入~
var InterValObj; //timer變量，控制時間
var count = 120; //間隔函數，1秒執行
var curCount;//當前剩余秒數
var code = ""; //驗證碼
var codeLength = 6;//驗證碼長度
function sendMessage() {
curCount = count;
var jbPhone = $("#jbPhone").val();
var jbPhoneTip = $("#jbPhoneTip").text();
if (jbPhone != "") {
if(jbPhoneTip == "√ 該手機號碼可以注冊，輸入正確" || jbPhoneTip == "√ 短信驗證碼已發到您的手機,請查收"){
// 產生驗證碼
for ( var i = 0; i < codeLength; i++) {
code += parseInt(Math.random() * 9).toString();
}
// 設置button效果，開始計時
$("#btnSendCode").attr("disabled", "true");
$("#btnSendCode").val("請在" + curCount + "秒內輸入驗證碼");
InterValObj = window.setInterval(SetRemainTime, 1000); // 啟動計時器，1秒執行一次
// 向后台發送處理數據
$.ajax({
type: "POST", // 用POST方式傳輸
dataType: "text", // 數據格式:JSON
url: "UserAction_sms.action", // 目標地址
data: "jbPhone=" + jbPhone +"&code=" + code,
error: function (XMLHttpRequest, textStatus, errorThrown) {
},
success: function (data){
data = parseInt(data, 10);
if(data == 1){
$("#jbPhoneTip").html("<font color='#339933'>√ 短信驗證碼已發到您的手機,請查收</font>");
}else if(data == 0){
$("#jbPhoneTip").html("<font color='red'>× 短信驗證碼發送失敗，請重新發送</font>");
}else if(data == 2){
$("#jbPhoneTip").html("<font color='red'>× 該手機號碼今天發送驗證碼過多</font>");
}
}
});
}
}else{
$("#jbPhoneTip").html("<font color='red'>× 手機號碼不能為空</font>");
}
}
//timer處理函數
function SetRemainTime() {
if (curCount == 0) {
window.clearInterval(InterValObj);// 停止計時器
$("#btnSendCode").removeAttr("disabled");// 啟用按鈕
$("#btnSendCode").val("重新發送驗證碼");
code = ""; // 清除驗證碼。如果不清除，過時間后，輸入收到的驗證碼依然有效
}else {
curCount--;
$("#btnSendCode").val("請在" + curCount + "秒內輸入驗證碼");
}
}
$(document).ready(function() {
$("#SmsCheckCode").blur(function() {
var SmsCheckCodeVal = $("#SmsCheckCode").val();
// 向后台發送處理數據
$.ajax({
url : "UserAction_checkCode.action",
data : {SmsCheckCode : SmsCheckCodeVal},
type : "POST",
dataType : "text",
success : function(data) {
data = parseInt(data, 10);
if (data == 1) {
$("#SmsCheckCodeTip").html("<font color='#339933'>√ 短信驗證碼正確，請繼續</font>");
} else {
$("#SmsCheckCodeTip").html("<font color='red'>× 短信驗證碼有誤，請核實后重新填寫</font>");
}
}
});
});
});