念给Ajax获取的数据变个颜色，请专家指点
日期：2014-05-16 浏览次数：20746 次
想给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")
------解决方案--------------------
如标题所述，
这几行是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>
------解决方案--------------------
------解决方案--------------------
像2楼那样，就可以了。.css("color","red");
------解决方案--------------------
搞那么复杂干什么
- JScript code
if(data == 1)
{
checkresult.html("<span style='color:green'>可用</span>");
}
else{
checkresult.html("<span style='color:red'>该编号已经存在，请更换!</span>");
}
------解决方案--------------------
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
