html代码高亮原理,HTML代码动态高亮显示 >> 张鑫旭-鑫空间-鑫生活

展示

密码前后比对

请输入您的密码：

*

请再次输入密码：

*

这里将动态显示HTML代码：

代码

JS代码：

$(function(){

$("input[type='password']").blur(function(){

var id = $(this).attr("id"), v = $(this).val();

if(v === ""){

$("#" + id + "_span").text("密码不能为空！");

$(this).css("background-color","#ffffe0");

}else{

if(id === "pwd2" && v!== $("#pwd").val()){

$("#" + id + "_span").text("前后密码不一致！");

$(this).css("background-color","#ffffe0");

}else{

$("#" + id + "_span").text("*");

}

}

$("#box").htmlcode($("#show"));

});

$("input[type='password']").focus(function(){

$(this).css("background","white");

$("#box").htmlcode($("#show"));

});

$("#box").htmlcode($("#show"));

});