Tag: javascript

防止表单在jQuery Validate插件的submitHandler函数中提交

我在http://docs.jquery.com/Plugins/Validation/validate上使用jQuery和validate插件 我希望阻止表单在通过ajax完成validation和提交过程后提交。 我有以下代码: $(“#myform”).validate({ rules: {…}, submitHandler: function(form) { alert(“Do some stuff…”); //submit via ajax return false; //This doesn’t prevent the form from submitting. } }); 但是,这个问题是即使我有一个return false; submitHandler提交表单return false; 处理函数最后一行的语句。 我希望阻止默认行为并停止提交表单,因为我已经通过ajax提交了。 在通过submitHandler函数中的ajax代码后,如何阻止代码提交?

jQuery按钮一次validation表单的一部分

对不起,如果我没有清楚地解释我的问题。 我有一个表格,有多个表供用户输入。 我使用next和back按钮来隐藏和显示不同的表格以引导用户。 现在问题是:如何使用next按钮来validation当前活动表输入? 例如,每次用户单击next ,它将检查是否所有字段都已填满? 这是一个破碎的DEMO 。 谢谢你的评论! HTML | Chemical | Crop | Physical | Water Column Half life (days): Zero Height Reference: Mass Transfer Coefficient (m/s): JS $(document).ready(function() { var tab_pool = [“tab_Chemical”, “tab_Crop”, “tab_Physical”]; var visible = $(“.tab:visible”).attr(‘class’).split(” “)[1]; var curr_ind = $.inArray(visible, tab_pool); $(“.submit”).hide(); $(“.back”).hide(); $(‘.next’).click(function() { if (curr_ind 0) […]

jQuery是否具有将客户端滚动到视图端口底部的任何function?

我想用jQuery动画滚动到视口底部。 是否有一个可用的插件并不过分(即没有为这个小任务设置大量function); 是否有可用的插件或使用jQuery本地执行此操作的方法?

raphael.js – 将饼图转换为甜甜圈图

我正在尝试使用位于此处的raphael.js示例: http://raphaeljs.com/pie.html 但我想将饼图转换为圆环图(在所有切片的中间有一个洞)。 目前,使用以下代码创建每个切片: function sector(cx, cy, r, startAngle, endAngle, params) { //console.log(params.fill); var x1 = cx + r * Math.cos(-startAngle * rad), x2 = cx + r * Math.cos(-endAngle * rad), y1 = cy + r * Math.sin(-startAngle * rad), y2 = cy + r * Math.sin(-endAngle * rad); return paper.path([“M”, cx, cy, “L”, […]

如果父元素不包含某个子元素; jQuery的

如果jQuery不包含带有类example的子元素,我怎样才能将jQuery应用于带有类test元素?

如何在量角器中为元素存在与否创建条件

我正在使用Protractor JS。 该网站是用Angular JS编写的。 所以我有一个拨动开关。 我注意到,当你关闭或打开时,切换开关的值从true变为false,false变为true。 我正在尝试在Protractor访问我的页面时创建一个条件,当它看到切换开关’关闭’它将打开它’。 如果拨动开关已经“打开”,它将首先将其关闭,然后再将其打开。 我提出了这个代码,但由于某种原因它无法正常工作: if( expect(element(By.id(‘toggle-switch’)).element(By.css(‘[value=”false”]’)).isDisplayed()) ) { element(By.id(‘toggle-switch’)).click(); console.log(‘in the if’) } else{ element(By.id(‘toggle-switch’)).click(); browser.sleep(3000); element(By.id(‘toggle-switch’)).click(); console.log(‘in the else’) } 此代码似乎仅适用于if语句。 出于某种原因,它永远不会去其他地方。 这是我收到的错误: NoSuchElementError:找不到使用locator的元素:By.cssSelector(“[value = \”false \“]”) 那么我试过了 .isPresent()而不是.isDisplayed()我不再收到上述错误,但由于某些原因,当使用.isPresent()时,它总是转到if语句并且只运行那个,而不是else语句。 没有显示错误。 如果有更好的方法请告诉我。 这似乎非常有限,因为无法在此框架中创建适当的条件。

将返回的JSON对象属性转换为(较低的第一个)camelCase

我从这样的API返回JSON: Contacts: [{ GivenName: “Matt”, FamilyName:”Berry” }] 为了保持这与我的代码样式(camelCase – 小写首字母)一致,我想转换数组以产生以下内容: contacts: [{ givenName: “Matt”, familyName:”Berry” }] 什么是最简单/最好的方法? 创建一个新的Contact对象并迭代返回的数组中的所有联系人? var jsonContacts = json[“Contacts”], contacts= []; _.each(jsonContacts , function(item){ var contact = new Contact( item.GivenName, item.FamilyName ); contacts.push(contact); }); 或者我可以映射原始或以某种方式转换它?

jQuery分页+ Twitter Bootstrap

我正在尝试修改Jquery分页( 基于此Jquery分页教程 – 演示 )以使用令人敬畏的twitter引导程序。 Twitter Bootstrap的标准分页设置如下所示,因此这是分页输出结构的目标。 ← Previous 1 2 3 4 5 Next → 到目前为止,我可以通过更改html输出结构来使其工作,但由于我将输出从更改为 标记,因此活动突出显示无法正常工作。 这就是我现在卡在ATM的地方! 我仍然需要做以下事情: 在第一页时禁用prev按钮 更改页面时更改活动 在最后一页上禁用next按钮 修复prev按钮,使其再次工作 修复下一个按钮,使其再次工作 下面是JsFiddle的链接 – 不知怎的,它不起作用,但代码应该是正确的( 与此代码相同 )

在使用jQuery淡化元素之前,你如何暂停?

我想在我的页面上刷一个成功的消息。 我使用jQuery fadeOut方法淡化然后删除元素。 我可以增加持续时间以使其持续更长时间,但这看起来很奇怪。 我想要发生的是让元素显示五秒钟,然后快速淡化,最后被删除。 你怎么能使用jQuery动画这个?

数组内部的Javascript数组 – 如何调用子数组名称

这是我正在做的事情的例子: var size = new Array(“S”, “M”, “L”, “XL”, “XXL”); var color = new Array(“Red”, “Blue”, “Green”, “White”, “Black”); var options = new Array( size, color); 我正在做一个循环选择forms的东西,它工作正常,但我想获取数组子名称,在这种情况下 – 大小或颜色。 当我正在做警报(选项[0])时,我得到了数组的整个元素,但是对于某些特定情况,我想只得到数组名称,这就像我已经说过的那样是大小/颜色。 有没有办法实现这一目标? 谢谢