=>HTML文比抖朋要插支一圈不者地件

表單驗證_密碼驗證

YourName：

ChooseAPassword：

VerifyPassword：

=>樣式文件

body {

color: #000;?? ?//黑色；

background-color: #FFF;?? ?//白色；

}

input.invalid {

background-color: #FF9;?? ?//黃色；

border: 2px red inset;

}

label.invalid {

color: #F00;?? ?//紅色；

font-weight: bold;

}

=>腳遇新是直朋能到分覽本文件

window.onload = initForms;

function initForms() {

for(var i=0, len=document.forms.length; i

document.forms[i].onsubmit = function() {

return validForm();

}

}

}

function validForm() {

var allGood = true; // 默認驗證通過；

var allTags = document.getElementsByTagName("*");

for(var i=0; i

if(!validTag(allTags[i]))?? ?{

allGood = false;

}

}

return allGood;

/*validForm(結(jié)束；*/

function validTag(thisTag) {

var outClass = "";

var allClasses = thisTag.className.split(" ");

for(var j=0,len=allClasses.length; j

outClass += validBasedOnClass(allClasses[j]) + " ";

}

thisTag.className = outClass;

//?? ??? ?console.log(i);

//?? ??? ?console.log(thisTag.id);

//?? ??? ?console.log(outClass);

if(outClass.indexOf("invalid") > -1) {

thisTag.className = outClass.substring(0,7);

console.log(thisTag.className);

thisTag.focus();

if(thisTag.nodeName == "INPUT") {

thisTag.select();

}

return false;

}

return true;

/*validTag()函數(shù)結(jié)束；*/

function validBasedOnClass(thisClass) {?? ?// 只有空、reqd、passwd1;

var classBack = "";

switch(thisClass) {

case "":

case "invalid":

break;

case "reqd":

if(allGood && thisTag.value == "") {

classBack = "invalid";

}

classBack += thisClass;

break;

default:

classBack += thisClass;

}

return classBack;

}

}

}

本文來源于網(wǎng)絡(luò)：查看?>https://blog.csdn.net/cenyebao/article/details/6930463

總結(jié)

以上是生活随笔為你收集整理的javascript 校验 非空_JavaScript_form表单非空验证；的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。