Tag: jQuery

button单击jQuery表单validation

我有一个简单的页面,在窗体外面有一个窗体和一个button。 我试图validationbutton单击窗体上。 我已经添加了document.onready函数的表单validation规则。 但是表单没有得到validation。 HTML: – <html> <head> <script src="lib/jquery1.5.2.js"></script> <script src="lib/jquery.validate.js"></script> <script src="lib/myjs.js"></script> </head> <body> <form id="form1" name="form1"> Field 1: <input id="field1" type="text" class="required"> </form> <div> <input id="btn" type="button" value="Validate"> </div> </body> </html> JS: – $(document).ready(function(){ $("#form1").validate({ rules: { field1: "required" }, messages: { field1: "Please specify your name" } }) $('#btn').click(function() { $("#form1").validate(); […]

jQuery检测textarea是否为空

我想确定一个textarea是否为空,如果用户使用jQuery删除了已经在textarea中预填的内容。 无论如何要做到这一点? 这是我的,它不工作 $(textarea).live('change', function(){ if($(this).val().length == 0) { $(submitButtonClass).addClass('disabled_button'); $(submitButtonClass).removeClass('transSubmit'); } else { $('.disabled_button').addClass('transSubmit').css({ 'cursor':'pointer' }).removeClass('disabled_button'); } });

jQuery中select一个冒号的ID

我正在为一个网站预编写模块,我需要针对一个元素与id test:two 。 现在,这个元素有一个冒号,所以jquery大概可以理解地把这个'two'看作一个伪类。 有什么办法用jQuery来定位这个元素吗? 另外,更改ID是不可能的。 相信我,如果我能的话。 我在这里举了一个例子: http : //jsfiddle.net/zbX8K/1/

将任意HTML插入到DocumentFragment中

我知道在文档片段中添加innerHTML最近已经被讨论过了,希望能够看到DOM标准。 但是,在此期间您应该使用什么解决方法? 那就是拿 var html = '<div>x</div><span>y</span>'; var frag = document.createDocumentFragment(); 我想要div和里面的frag , span很简单。 奖励点为没有循环。 jQuery是允许的,但我已经试过$(html).appendTo(frag) ; frag还是空的。

closures工具提示引导function

根据文档是可以closuresfunction只是做$('body').off('.alert.data-api') 。 在tooltip的情况下,我从js console $('body').off('.tooltip.data-api')尝试了以下内容,但是它并没有禁用bottons上的工具提示。 任何提示如何先于?

jQuery UI对话框单独的CSS样式

我正在寻找一种模式对话框(使用用户界面对话框)与传统的对话框独立的CSS,所以实质上有两个jQuery对话框,每个看起来不同。 举个例子, <div id="dialog_style1" class="dialog1 hidden">One content</div> 和另一个 <div id="dialog_style2" class="dialog2 hidden">Another content</div> 不幸的是我注意到,使用单独的CSS来设置对话框的部分样式 .dialog1 .ui-dialog-titlebar { display:none; } .dialog2 .ui-dialog-titlebar { color:#aaa; } 不起作用,因为.ui-dialog-titlebar没有类.dialog1 ,我不能做一个addClass ,而不插入插件。 另一种方法是让像body这样的元素具有唯一的class / id(取决于我想要哪一个),但是这样做会阻止在同一个页面中同时存在两个对话框。 我怎样才能做到这一点?

为什么callback比承诺更“紧密结合”?

你能解释我以下的短语(采取从堆栈溢出问题的答案JavaScript中的延期,承诺和未来之间有什么区别? )? 使用jQuery承诺反对使用以前的jQuerycallback的优点是什么? 不是直接将callback函数传递给函数,而是通过使用promise来导致紧密耦合的接口,从而可以分别关注同步或asynchronous的代码。

使用jQuery.support检测IE6

任何人有任何想法如何使用jquery.supporttesting特定于IE6(而不是IE7)的东西? 我的问题是,IE6支持:hoverpsuedo类只锚元素和IE7确实支持所有元素(如FF,铬等)。 所以我想做一些特殊的事情,如果浏览器不支持:hover所有元素…因此我需要一种方法来testing这个function。 (不想使用jQuery.browser)。 有任何想法吗?

如何使用jQuery显示/隐藏基于单选buttonselect的div?

我有一些单选button,我希望有不同的隐藏的div显示基于哪个单选button被选中。 这是HTML的样子: <form name="form1" id="my_form" method="post" action=""> <div><label><input type="radio" name="group1" value="opt1">opt1</label></div> <div><label><input type="radio" name="group1" value="opt2">opt2</label></div> <div><label><input type="radio" name="group1" value="opt3">opt3</label></div> <input type="submit" value="Submit"> </form> …. <style type="text/css"> .desc { display: none; } </style> …. <div id="opt1" class="desc">lorem ipsum dolor</div> <div id="opt2" class="desc">consectetur adipisicing</div> <div id="opt3" class="desc">sed do eiusmod tempor</div> 这里是我的jQuery: $(document).ready(function(){ $("input[name$='group2']").click(function() { var test = […]

jQuery的:设置下拉列表的选定值?

这个代码有什么问题? jQuery的 $(document).ready(function() { $("#routetype").val('quietest'); )}; HTML <select id="routetype" name="routetype"> <option value="fastest">Fastest</option> <option selected="true" value="balanced">Balanced</option> <option value="quietest">Quietest</option> </select> 小提琴 它给了我“平衡”作为select的选项,而不是“最安静”。