Js`HTML_校验文本框设置[span颜色字体等]

结合javascript对表单中表格加操作

具体行为：如果前面复选框用户选择yes，那么在下面一栏的表单后面加上红色的*

问题图例：

选择前

选择后

一个具体例子

function yes_then_do(){  
    var a_name=$("#form_name1 [name='a_name']:checked").val();
    if(a_name=="yes"){

        document.getElementById('just_a_name').innerHTML='<font color="red">&nbsp*</font>';

    }else{
        document.getElementById('just_a_name').innerHTML=' ';
    }

}

//previous "#form_name1" is in 
//{
//  <form id="form_name1" [rest omitted]">
//  <table>
//  [omitted]
//  </table>
//}here

而在表单中选择yes/no表格后面一行需要用到

<tr>
<td>[name omitted]:</td>
<td>&nbsp;&nbsp;<input type="text"name="var_name" style="height:xx px;width:xxx px;" placeholder="placeholder_message" /><span id="just_a_name"></span></td>
</tr>

如果接下来还需要用到这个功能建议重写一个新的函数，但除了必须要改的变量名以外，记住“just_a_name”要换成“just_another_name”（自己感受~）

附上一个小彩蛋，我查资料时候遇到的

origin: http://blog.csdn.net/Liyatao_BeiJing/article/details/48156049

给span设置提示文字 ,设置文字大小，字体颜色
    <span style="font-size:18px;"><input type="text" id="name" id="name"/><span id="warring"><span>  
    <script type="text/javascript">  
    var name=document.getElementById("name").value;  
    if(name=''){  
    document.getElementById("warring").innerHTML='姓名不能为空';  
    document.getElementById("warring").style.fontSize='12px';  
    document.getElementById("warring").style.color='red';  
    }  
    </script></span>