介绍 & lt;, ! DOCTYPE html 祝辞,& lt; html lang =,“en",祝辞,& lt; head 祝辞,& lt; meta charset =,“UTF-8",祝辞,& lt; title 祝辞,Document & lt;,/title>
& lt;/head 祝辞,& lt; style type =,“文本/css",祝辞,body {
,背景:# ccc;
}
label {
,宽度:100 px;
,显示:inline 安康;块;
}
span {
,颜色:红色;
}.container {
,保证金:100 px 汽车;
,宽度:400 px;
,填充:50 px;
,line 安康;高度:40像素;
}
span {
,margin 作用;左:30 px;
,font 安康;尺寸:12 px;
},& lt;,/style>
& lt; body>
& lt; div 类=癱ontainer"祝辞
,& lt; label>姓名不能为空& lt;/label 祝辞,& lt; input type =,“text" id =,“inp1",祝辞,& lt; span 祝辞,& lt;/span> & lt; br/,祝辞,& lt; label 祝辞,电话不能为空,& lt;,/label> & lt; input 类型=皌ext", id=癷np2"祝辞& lt; span> & lt;/span 祝辞,& lt; br /,祝辞& lt;/div>
& lt; script>
,/,/,失去焦点后判断用户输入是否为空
var inp1 =, . getelementbyid (“inp1");
时间=inp1.onblur 函数(),{
,if (修剪(this.value),===,““), {
,警报(“输入不能为空“);
,}else {
,警报(“输入正确“);
,}
}；
function 削减(str), {
,return str.replace (/^ \ s + | \ s + $/g,““);
}
var inp2 =, . getelementbyid (“inp2");
时间=inp2.onblur 函数(e), {
,if (inp2.value ==,“4444“), {
,警报(“正确“);
e.stopPropagation ();
,}else {
,警报(“错误“)
,}
时间,& lt;};/script>
时间/body 祝辞& lt;
& lt;/html>
这篇文章将为大家详细讲解有关如何使用javascript实现文本框标签验证,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。
具体代码如下所述:
关于“如何使用javascript实现文本框标签验证”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,使各位可以学到更多知识,如果觉得文章不错,请把它分享出去让更多的人看的到。
