Java文本框变成标签_[Java教程]javascript实现文本框标签验证

[Java教程]javascript实现文本框标签验证

0

2018-10-13 11:01:23

< !DOCTYPE html >

Document < /title>

background: #ccc;

}

label {

width: 100px;

display: inline - block;

}

span {

color: red;

}.container {

margin: 100px auto;

width: 400px;

padding: 50px;

line - height: 40px;

}

span {

margin - left: 30px;

font - size: 12px;

} < /style>

姓名不能为空
phone不能为空 < /label>

/ / 失去焦点后判断用户输入是否为空

var inp1 = document.getElementById("inp1");

inp1.onblur = function() {

if (trim(this.value) === "") {

alert("输入不能为空");

} else {

alert("输入正确");

}

};

function trim(str) {

return str.replace(/^\s+|\s+$/g, "");

}

var inp2 = document.getElementById("inp2");

inp2.onblur = function(e) {

if (inp2.value == "4444") {

alert("正确");

e.stopPropagation();

} else {

alert("错误")

}

}; < /script>