想给Ajax获取的数据变个颜色,请专家指点~
本帖最后由 huangzidi 于 2012-10-09 17:49:36 编辑
如标题所述,
这几行是js:
<script type="text/javascript" src="/mydomain/applications/fundcrm/js/jquery.js"></script>
<script type="text/javascript">
function checkProperty_key(){
var property_key = $("#property_key").val();
var checkresult = $("#checkresult");
if(property_key == ""){
checkresult.html("不能为空");
}else{
checkresult.html("正在检测...");
$.get("/PropertyETS.do?actiontype=CHECK&property_key="+property_key,null,callback);
}
}
function callback(data){
var checkresult = $("#checkresult");
alert(data);
if(data == 1){
checkresult.html("可用");
}else{
checkresult.html("该编号已经存在,请更换!");
}
}
OK,如上几行所示,功能是提示用户输入的值不可空,不可重复,
如允许,字体显示绿色;如不可以的话,字体显红色;
在页面上那句如下:
<td ><input name="property_key" id="property_key"maxlength="200" onblur="checkProperty_key()" />
${info}<label id="checkresult"></label>
</td>
给${info}加上<font color=red>不行哦~
希望已经描述清楚了,就是把红色字“不能为空”显示红色,“可用”显示绿色。
------解决方案--------------------checkresult.css("color","red")
------解决方案--------------------<script type="text/javascript" src="/mydomain/applications/fundcrm/js/jquery.js"></script>
<script type="text/javascript">
function checkProperty_key(){
var property_key = $("#property_key").val();
var checkresult = $("#checkresult");
if(property_key == ""){
checkresult.html("不能为空").css("color","red");////
}else{
checkresult.html("正在检测...").css("color","black");/////
$.get("/PropertyETS.do?actiontype=CHECK&property_key="+property_key,null,callback);
}
}
function callback(data){
var checkresult = $("#checkresult");
alert(data);
if(data == 1){
checkresult.html("可用").css("color","green");//////
}else{
checkresult.html("该编号已经存在,请更换!").css("color","red");////
}
}
</script>
------解决方案--------------------
都用JQUERY了当然找现成插件做了。
------解决方案--------------------像2楼那样,就可以了。.css("color","red");
------解决方案--------------------搞那么复杂干什么
if(data == 1)
{
checkresult.html("<span style='color:green'>可用</span>");