1. 爱易网页
  2. AJAX教程
  3. 念给Ajax获取的数据变个颜色，请专家指点

念给Ajax获取的数据变个颜色，请专家指点

日期：2014-05-16　 浏览次数：20740 次

想给Ajax获取的数据变个颜色，请专家指点~
如标题所述，

这几行是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")
------解决方案--------------------
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").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……


------解决方案--------------------
像2楼那样，就可以了。.css("color","red");

------解决方案--------------------
搞那么复杂干什么
JScript code

if(data == 1)
{
    checkresult.html("<span style='color:green'>可用</span>");
}
else{
    checkresult.html("<span style='color:red'>该编号已经存在，请更换!</span>");    
  }

------解决方案--------------------
探讨


if(data == 1)
{
    checkresult.html("<span style='color:green'>可用</span>");
}
else{
    checkresult.html("<span style='color:red'>该编号已经存在，请更换!</span>");    
  }

相关资料更多>

  1. ExtJS3.2.0 读取combobox 下拉框远程数据乱码有关问题。
  2. 怎么将Ajax回调获得的数据传递给其它函数？
  3. ajax框架有关问题
  4. formValidator插件 ajaxValidator汉语言传值被忽略
  5. 烦。
  6. 什么方法能让客户端的button执行服务器端的任务，请问了，多谢！
  7. 急 求大神帮忙关于jquey easy ui tree,该怎么处理
  8. 兑现基于 Ajax 的无限级菜单
  9. 哪位高手有jquery的ajax传递中文乱码的完美解决 方法