草庐IT

按钮表单

全部标签

javascript - 将 JSON 属性绑定(bind)到表单

我有一个JSON对象和一个.如果JSON对象具有名称与表单名称匹配的属性我希望输入显示此属性的值。有没有使用JQuery执行此操作的简单方法?varjson={foo:'foo',bar:'bar};defform=$('#myform');//somethingmagicalthatassignsJSONpropertyvaluestoforminputswithmatchingnames有问题的表格看起来像这样: 最佳答案 您可以运行一个循环来搜索元素并输入值:$.each(json,function(key,value){fo

javascript - 推特按钮脚本同步加载,需要异步加载

我在使用Twitter按钮脚本时遇到了一些问题,它阻止了页面呈现。我一直在使用的脚本如下Tweet!function(d,s,id){varjs,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");关于如何对这个排序有什么想法吗?

javascript - 如何使用 jQuery 在事件中重置表单元素(输入、选择、文本区域等)

例如,我需要在单击跨度后重置表单元素。有没有一种方法可以通过jQuery重置from而无需选择每个元素并删除属性值。一些没有属性值的元素,比如textareaorradio有些像button我不想从中删除值。我想使用jQuery在其他事件上使用重置代码示例http://jsfiddle.net/pgNrF/Reset 最佳答案 如果您将这些表单元素包装在实际表单中,这已经内置:Option1Option2Option3ButtonResetFIDDLE如果你只需要使用jQuery:$('span').click(function()

【uni-app】点击左上角返回按钮,弹出弹窗或者是携带参数返回上一页

目录1、弹出弹窗2、把这一页的数据带回到上一页(获取下一页的数据)3、跳转页面并携带参数,接受页获取参数1、弹出弹窗当我返回上一页的时候需要做一个判断是否需要保存onBackPress只支持APP和H5但不支持小程序,可以用onUnload生命周期解决,页面销毁的时候执行方法。注意:onBackPress和methods、onLoad同级data(){ return{ flag:true//是否弹出返回提示框 }},onBackPress(){ if(this.flag){ uni.showModal({ title:"确定退出编辑?", content:"退出后内

javascript - 如何启用和禁用 Twitter Bootstrap 按钮?

我正在尝试实现在单击按钮时禁用按钮,然后在ajax请求成功完成后再次启用它的场景。下面是我的代码片段。表格Submit!Javascript$('#resForm').validate({//disablesubmitbutton$('#btnSubmit').prop('disabled',true);submitHandler:function(form){$.ajax({.....typicalajaxstuff.....success:function(data){alert(data);$('success').html(data);//enablereservebutton

javascript - 如何在加载下一页之前保持远程表单上的提交按钮处于禁用状态

在我使用Turbolinks的Rails5.1应用程序中,我向我的提交按钮添加了一个data-disable-with属性,以便在单击时禁用该按钮,以防止意外提交数据多次。这在很多情况下都很有效。问题在于,在使用内置UJS助手(data-remote=true)通过AJAX提交的表单上,单击提交按钮时,它不会保持禁用状态。它最初是禁用的,但随后会在下一页加载之前迅速重新启用。这违反了data-disable-with行为的要点,因为它允许意外重新提交表单。有没有办法在新页面加载之前保持表单按钮处于禁用状态?这是表格:事情是这样的。 最佳答案

Javascript 函数和表单名称冲突

我有一个无法运行并抛出错误的javascript函数。花了大约一个小时才意识到我的表单与函数同名。表单名称与函数名称冲突似乎很奇怪,但我还是更改了名称并且一切正常。有谁知道为什么会发生这种情况?如果你运行这段代码,它会失败,但如果你改变表单名称,它会起作用,这很奇怪。UntitledDocumentfunctionmytest(){alert("hello");}ClickMe我在IE6上运行它。令我奇怪的是,一个是Javascript代码,另一个是HTML的属性。您可以在其中看到发生这种情况的实时链接:JSBin 最佳答案 要为此

javascript - 如何区分浏览器后退/前进按钮?

这可能吗?更好的是,jQuery有可能吗?我需要知道是使用点击后退按钮还是前进按钮,这样我才能正确使用页面过渡效果,例如。如果他们向前击球,则从左向右滑动,反之亦然。 最佳答案 您可以使用reallysimplehistory图书馆但如果您想自己处理,您可以使用散列键(window.location.hash),例如在此处设置幻灯片编号。当用户单击“后退”或“下一步”时,哈希键将发生变化,您会检测到它并进行更改。不幸的是,您必须自己检查更改,方法是设置一个间隔(即:300毫秒)并检查之前的值。HTML5有一个onhashchange

javascript - 在提交调试之前显示表单值

如何在提交表单之前将所有表单值转储到警告框..我有一个像这样的简单表单..我想在提交时在警报或控制台中看到表单值..我正在使用jQuery和jQueryUI(DIALOG)作为表单..但是任何方法是fin-Allformfieldsarerequired.NameEmailTellusMoreWewanttoknowevenmore!!!! 最佳答案 这里有一个很好的例子:http://api.jquery.com/serialize/$('form').submit(function(){alert($(this).seriali

javascript - ExtJS 4 - 如果自定义验证失败,如何将表单字段标记为无效并在其周围显示红色边框(ExtJS 默认完成)?

我有一个表单,其中一些字段需要在服务器端进行验证。提交表单时,服务器会验证这些字段的值,如果验证失败,则服务器返回success:false(以及验证失败的每个字段的名称和错误消息)。现在,我需要将此类字段显示为“无效”,并在它们周围应用相同的红色边框,如果客户端验证失败,这是由ExtJS默认完成的。我尝试使用以下方法:Ext.getCmp('fieldId').markInvalid()和invalidCls:'x-form-invalid-field'我在form.submit的“失败”回调函数中使用了上述语句。这些语句会被调用,但不会对此类字段产生任何影响。因此任何人都可以指导以