JQuery点击收起,点击展开以及部分非空小验证

                         <tr>
                                            <td nowrap align="right" width="18%">
                                                解决方案:
                                            </td>
                                            <td width="35%">
                                                <a href="#" id="btnShow">
                                                    <%--点击添加--%>
                                                    <img id="imgShow" style="width: 50px; height: 50px" src="../images/add.jpg" />
                                                </a>
                                                <script type="text/javascript">
                                                    $("#btnShow").click(
                                                        function () {
                                                            if ($("#scheme").css("display") == "none") {
                                                                $("#imgShow").attr("src", "../images/pack.jpg");
                                                            }
                                                            else if ($("#scheme").css("display") == "table-row") {
                                                                $("#imgShow").attr("src", "../images/add.jpg");
                                                            }
                                                            $("#scheme").fadeToggle(1000);
                                                        }
                                                     );
                                                </script>
                                            </td>
                                        </tr>
                                        <tr id="scheme" style="display: none">
                                            <td width="15%" nowrap align="right">
                                                解决内容:
                                            </td>
                                            <td colspan="3">
                                                <input runat="server" type="hidden" id="txtSContent" />
                                                <%--<script id="Scontainer" style="width: 600px; height: 200px" type="text/plain"></script>--%>
                                                <textarea runat="server" id="Scontainer" style="width: 600px; height: 200px" type="text/plain"></textarea>
                                                <script type="text/javascript">
                                                    var ue = UE.getEditor(‘Scontainer‘);

                                                    function getContent() {
                                                        var editor = UE.getEditor("Scontainer").getContent(); //得到编辑器
                                                        //document.getElementById("txtSContent").value = editor;
                                                    }
                                                </script>
                                            </td>
                                        </tr>

非空验证:

 var name = $(‘#txtName‘).val();
                                        name = $.trim(name);
                                        if (name.length < 1) {
                                            alert("问题名称不为空");
                                        }

                                        var scontent = $(‘#txtSContent‘).val();
                                        scontent = $.trim(scontent);
                                        if (scontent.length < 1) {
                                            alert("解决内容不为空");
                                        }

                                        var qcontent = $(‘#txtQContent‘).val();
                                        qcontent = $.trim(qcontent);
                                        if (qcontent.length < 1) {
                                            alert("问题内容不为空");
                                        }
时间: 2025-01-03 00:05:46

JQuery点击收起,点击展开以及部分非空小验证的相关文章

点击UITableView的cell展开收缩

首先要理解UITableView代理方法调用的先后顺序. 当初始化UITableView后,代理回调顺序如下 1://返回cell个数 - (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section 2://返回每行的高度 - (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPat

列表点击当前伸开再次点击收起,点击当前伸开后点击别的列表,别的列表伸开,其余的收起

$(function() { $('section').click(function(){ // 点击当前展开再次点击收起 if($(this).attr('isclick') == 'yes'){ $(this).find('div').css('display','none'); $('section').removeAttr('isclick'); return; } // 点击当前展开别的收起 $('section').find('div').css('display','none');

jQuery获取被被点击元素的id属性值

jQuery获取被被点击元素的id属性值:有时候可能需要获取被点击元素的一些信息,本章就以id属性为例子,进行演示一下,当然在实际应用中可能没有如此的简单,不过复杂的功能都是由小的功能组合而成的,下面通过实例代码对此做一下简单介绍.代码如下: $(document).click(function (e){ var v_id=e.target.id; } ) 相关阅读:1.click事件而已参阅jQuery的click事件一章节. 2.target属性可以参阅jQuery的event.target

“查看更多”--和--“点击收起”(模拟开关事件)

原理: 1.首先定义一个开关(其实就是一个标志),默认为开: 2.定义或者获取默认显示的容器(container)的高度(heightm): 3.点击按钮(#more-news-media)时,如果为"开(true)",则容器(container)的高设为自动(auto),就将显示所有,此时将开关置为"关",将按钮上的文字设为"点击收起":如果为"关(false)",则容器的高设为第二步中"定义或获取"的高

基于jQuery鼠标滑过点击事件音效试听

基于jQuery鼠标滑过点击事件音效试听.这是一款非常简单实用的HTML元素发音音频特效jQuery插件.效果图如下: 在线预览   源码下载 实现的代码. html代码: <div class="wrapper"> <h1 class="sub-section__title">eventType : </h1> <div class="center" style="margin-top: 40

jquery的on绑定点击事件执行两次的解决办法

js(jquery)的on绑定点击事件执行两次的解决办法—不是事件绑定而是事件冒泡 遇到的问题:jquery中用.on()给页面中新加的元素添加点击事件时,点击事件源,绑定的事件执行两次,这里的alert会执行两次,相应地数组删除也执行两次,具体代码如下(其中.tabDel是页面加载之后新生成的元素,故不能用普通的$(‘.tabDel).click(function(){})的方法添加点击事件): 上网找的解决方法大概有一下两种:1.在用 on 绑定 click 事件之前,对该事件解绑,也就是

juqery 点击显示点击隐藏,slideDown slideUp slideToggle

<!doctype html> <html> <head> <meta charset="utf-8"> <title>webrx-title</title> <script src="js/jquery-1.11.2.min.js"></script> <style> #ad{ width:200px; height:300px; background-co

如何处理 jQuery $(window).resize() 中的方法被多次执行的小问题

引言: 估计很多同志们在编写浏览器resize()的方法时,都会遇到这样的情况: 当拖动浏览器的边角时,页面中的一些效果随浏览器大小的改变而触发,这一过程开始到结束,resize() 中的方法被执行了多少次? jquery $(window).resize() 和 javascript window.onresize 有什么区别? 当我们双击浏览器的标题工具栏时,窗口一下子变大或者变小时,resize() 或 window.onresize 中的方法被执行了多少次? 当我们不希望 resize(

jQuery form插件的使用--用 formData 参数校验表单,验证后提交(简单验证).

Form Plugin API 里提供了很多有用的方法可以让你轻松的处理表单里的数据和表单的提交过程. 测试环境:部署到Tomcat中的web项目. 一.引入依赖js <script src="jquery-1.3.1.js" type="text/javascript"></script> <script src="jquery.form.js" type="text/javascript"&g