用于表单数据检测的Javaｓｃｒｉｐｔ示例

一个检测表单数据的Javaｓｃｒｉｐｔ实例，非常简单实用，有兴趣的朋友可以看看。






每天一个Javaｓｃｒｉｐｔ实例-表单数据的检测

{警报{ }
背景颜色：# FCC；
字体粗细：粗体；
填料：5px；
边境：1px冲# 000；
}
div {
10px保证金：0；
填料：5px；
宽度：400px；
背景颜色：# FFF；
}



在window.onload =函数（）{
document.getelementbyid（thirdfield）。Onchange = validatefield；
document.getelementbyid（firstfield）。Onblur = mandatoryfield；
document.getelementbyid（testform）。Onsubmit = finalcheck；
}
功能validatefield（）{
RemoveAlert（）；
如果（！IsNaN（parseFloat（这个值）））{
resetfield（本）；
其他{ }
BadField（本）；
GenerateAlert（你进入第三场无效值。只数值）；
}
}
功能removealert（）{
var msg = document.getelementbyid（味精）；
如果（MSG）{
document.body.removechild（MSG）；
}
}
功能resetfield（元）{
elem.parentnode.setattribute（风格
VaR的有效期= elem.getattribute（咏叹调无效）；
如果（有效）elem.removeattribute（咏叹调无效）；
}
功能badfield（元）{
elem.parentnode.setattribute（风格
elem.setattribute（咏叹调无效
}
功能generatealert（TXT）{
无功txtnd = document.createtextnode（TXT）；
味精= document.createelement（div）；
msg.setattribute（角色
msg.setattribute（身份
msg.setattribute（班

msg.appendchild（txtnd）；
document.body.appendchild（MSG）；
}

功能mandatoryfield（）{
RemoveAlert（）；
如果（this.value.length > 0）{
resetfield（本）；
其他{ }
BadField（本）；
GenerateAlert（您必须输入一个值到第一场）；
}
}
功能finalcheck（）{
/ / console.log（AAA）；
RemoveAlert（）；

VaR领域= document.queryselectorall（输入{咏叹调无效=真）；
/ /无功领域= document.queryselectorall（输入{咏叹调无效=真实}）； / /错误！！！
console.log（领域）；
如果（fields.length > 0）{
GenerateAlert（你有错误的项，必须固定在你））；
返回false；
}
}







*第一字段：




第二场：




第三字段（数字）：




第四场：