日期:2014-05-16  浏览次数:20695 次

想给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>

------解决方案--------------------
引用:
HTML code
<script type="text/javascript" src="/mydomain/applications/fundcrm/js/jquery.js"></script>
<script type="text/javascript">
function checkProperty_key(){
var property_key = $("#property_key……

都用JQUERY了当然找现成插件做了。
------解决方案--------------------
像2楼那样,就可以了。.css("color","red");
------解决方案--------------------
搞那么复杂干什么

if(data == 1)
{
    checkresult.html("<span style='color:green'>可用</span>");