是這樣的,我想做一個表單,輸入姓名時會判斷你輸入的是否中文,且至少兩個字以上
然後這個動作都不需要按任何按鈕,輸入時就可知道是否有錯,輸入正確就會顯示正確
錯誤的話就顯示只能輸入中文,我的表單大約是這樣
目前我只做到判斷你是否有輸入,但後面的暫時想不出來,以下是我的javascript語法
document.addEventListener("DOMContentLoaded", function () {
document.getElementById("name").addEventListener("blur", chkName); //事件繫結
});
function chkName() {
var thePwd = document.getElementById("name").value;
var rex = /[^\u4e00-\u9fa5]/;
if (thePwd == "")
document.getElementById("idsp2").innerHTML =
"<img src='Images/error.png'>必須輸入中文";
else if(namelength>=2)
for (var i=0;i<namelength;i++){
}
}
希望能為我解答,謝謝
應該需要拆兩段寫
1.一個event listener 判斷keydown, keypress, keyup, changed (任選其一)
(您用blur是只有input失去焦點才會觸發其function)
2.判斷中文...相關文章有很多,參考1、參考2
看起來您的Code就少一點而已
function chkName() {
var thePwd = document.getElementById("name").value;
var rex = /[^\u4e00-\u9fa5]/;
if (thePwd == "" && rex.test(thePwd)) //這行
document.getElementById("idsp2").innerHTML =
"<img src='Images/error.png'>必須輸入中文";
else if(name.length>=2)
for (var i=0;i<namelength;i++){
}
}
$('input').keydown(function (argument) {
var name = $(this).val();
var reName = /[\u4E00-\u9FA5]{1,2}$/;
if (!reName.test(name)) {
document.getElementById("idsp2").innerHTML =
"<img src='Images/error.png'>必須輸入中文";
}
});
安捏?