用ajax去做圖片驗證碼登錄


下面是view()代碼
<script src="~/Scripts/jquery-1.10.2.js"></script>


@*以下就是圖片驗證碼;用戶名、密碼、及驗證碼*@

 

<script language="javascript" type="text/javascript">

var code; //在全局 定義驗證碼
function createCode() {
code = new Array();
var codeLength = 4;//驗證碼的長度
var checkCode = document.getElementById("checkCode");
checkCode.value = "";

var selectChar = new Array(2, 3, 4, 5, 6, 7, 8, 9, 'A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'J', 'K', 'L', 'M', 'N', 'P', 'Q', 'R', 'S', 'T', 'U', 'V', 'W', 'X', 'Y', 'Z');

for (var i = 0; i < codeLength; i++) {
var charIndex = Math.floor(Math.random() * 32);
code += selectChar[charIndex];
}
if (code.length != codeLength) {
createCode();
}
checkCode.value = code;
}
//登錄驗證
function deng()
{

var inputCode = document.getElementById("input1").value.toUpperCase();
//判斷驗證碼是否正確,是否有值
if (inputCode.length <= 0) {
alert("請輸入驗證碼!");
return false;
}
else if (inputCode != code)
{
alert("驗證碼輸入錯誤!");
createCode();
return false;
}
else
{
$.ajax({
url: "/Zhou/Info",
data: {
name: $("#name").val(),
pwd: $("#pwd").val(),
},
dataType: "json",
type: "post",
success: function (data) {
if (data > 0) {
alert("登錄成功");
location.href = '/Zhou/Show';
}
else
{
alert("沒有此用戶")
}
}
})
}



}
</script>

 

<h2>登錄</h2>
<table>
<tr>
<td>用戶名:</td>
<td><input id="name" type="text" /></td>
</tr>
<tr>
<td>密碼:</td>
<td><input id="pwd" type="text" /></td>
</tr>
<tr>
<td>驗證碼:</td>
<td><input type="text" id="input1" class="iid" /> <input id="checkCode" style="width:60px" class="code" type="button" value="button" onClick="createCode()" /></td>

</tr>
<tr>
<td><input id="Button1" type="button" value="登錄" onclick="deng()"/>

</td>
</tr>
</table>

 

控制器的話不用,也不需要創建文件夾

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM