TA貢獻36條經(jīng)驗 獲得超19個贊
頁面部分：建議使用jQuery
$("#inputId").focusout(function(){//鼠標移出時觸發(fā)
????//獲取輸入框中填寫的用戶名和密碼
????check();//調用校驗方法
});
function?check(){
????//采用ajax異步傳值得方式，將獲取的用戶名和密碼傳到后端進行驗證
????//返回驗證結果
????//根據(jù)結果在頁面上進行相應的提示
}此外，jQuery還有一個插件專門做表單驗證，叫Validate，可以學習一下。
TA貢獻1條經(jīng)驗 獲得超0個贊
你這里的用戶名密碼驗證不知道是僅僅格式上的驗證還是正確與否的驗證。
首先監(jiān)聽input框失去焦點的事件，寫一個驗證的函數(shù)在事件發(fā)生時來執(zhí)行判斷就好了。如果只是簡單的格式驗證，那么可以判斷一些長度什么的，更復雜一點的可以用正則，例如判斷是否是郵箱格式這樣子的。
如果你是要和服務器交互的化，那么你需要寫一個ajax在在失去焦點的時候來post用戶名和密碼到服務器，然后取回服務器判斷的返回值給出相應提示即可。
上面就是大概思路。
TA貢獻10條經(jīng)驗 獲得超3個贊
<!DOCTYPE?html>
<html>
<head>
????<meta?charset="UTF-8">
????<title>Document</title>
</head>
<body>
????<input?id="input"?type="text"?name="text">
????<div?id="help">
????</div>
????<script>
????const?input?=?document.querySelector('#input');
????const?help?=?document.querySelector('#help');
????input.addEventListener('blur',?()?=>?help.innerHTML?=?'提示');
????</script>
</body>
</html>
舉報
