文本框的正确性实时提醒

最新推荐文章于 2023-12-22 10:21:21 发布

wojuranshigehaoren

最新推荐文章于 2023-12-22 10:21:21 发布

阅读量273

点赞数

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title></title>
<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<meta charset="utf-8" />
</head>
<body>
<div>
<label>用户名</label>
<input id="id1" type="text" class="cal" />
</div>
<input id="id2" type="button" value="提交" />
<script>
$(":input").blur(function () {
$(this).parent().find(".vb").remove();
if ($(this).attr("id") == "id1") {
if (this.value == "" || this.value.length < 6) {
$(this).parent().append("<span class='vb onError'>不正确</span>");
}
else {
$(this).parent().append("<span class='vb'>正确</span>");
}
}
}).keyup(function () {
$(this).triggerHandler("blur");
});
$("#id2").click(function () {
$("#id1").trigger('blur');
var cd = $('.onError').length;
if (cd) {
return false;
}
else { alert("成功");}
})
</script>
</body>
</html>