//文本框監測
<input type="text" id="txt">
<span id="tip"></span>
<script>
/*
長度為6-16
全是數字為弱
有特殊字符為強
其他為中
*/
//給txt綁定事件
var str = "@#$%^&*";
txt.oninput = function () {
//判斷長度
if(txt.value.length < 6 || txt.value.length > 16){
return tip.innerHTML = "長度不合法";
}
//判斷數字
if(Number(txt.value) == txt.value){
return tip.innerHTML = "密碼強度弱";
}
//判斷是否含有特殊字符
for(var i = 0; i < str.length; i++){
if(txt.value.indexOf(str[i]) != -1){
return tip.innerHTML = "密碼強度強";
}
}
}
</script>
//敏感詞過濾
<input type="text" id="txt">
<button id="btn">提交</button>
<span id="tip"></span>
<script>
var arr = ["sb", "fuck", "md", "laji"];
//給btn綁定事件
btn.onclick = function(){
var txtvalue = txt.value;
for(var i = 0; i < arr.length; i++){
txtvalue = txtvalue.replace(arr[i], "*");
}
tip.innerHTML = txtvalue;
}
</script>
//驗證碼
<span id="code"></span>
<button id="btn">獲取驗證碼</button>
<script>
//給btn綁定事件
btn.onclick = function () {
var str = "";
var num = null;
//獲取4個隨機數
for(var i = 0; i < 4; i++){
num = parseInt(Math.random() * 74 + 48);
//判斷num是否合格
if(num >= 48 && num <= 57 || num >= 65 && num <= 90 || num >= 97 && num <= 122){
str += String.fromCharCode(num);
}else{
i--;
}
}
code.innerHTML = str;
code.style.color = randomColor();
}
//隨機顏色
function randomColor(){
var str = "0123456789abcdf";
var color ="#";
for(var i = 0; i < 6; i++){
color += str[parseInt(Math.random() * 16)];
}
return color;
}