草庐IT

javascript - select2 multiple 防止其他输入在输入时提交表单

我有一个带有简单输入和select2输入的表单,如下所示:http://codepen.io/anon/pen/QyBxwE在第一个输入获得焦点时按enter应该提交表单(在这种情况下,重定向到404页面)。出于某种原因,多个select2输入阻止了表单提交。如果我删除select2类或multiple属性,表单将正常运行。在Safari、Chrome和Firefox上的MacOSXYosemite上测试,它在所有浏览器上一致发生。(我正在使用jQuery2.1.3和select24.0.1) 最佳答案 表单的工作原理是,当您单击回

javascript - Ant 设计错误 : "Form.create() getFieldDecorator is not a function"

"antd":"^1.11.1","react":"^15.1.0","react-dom":"^15.1.0",错误:未捕获类型错误:getFieldDecorator不是函数Ant设计演示:https://ant.design/components/form/importReact,{Component}from'react';import{Form,Icon,Input,Button}from'antd';constFormItem=Form.Item;constHorizontalLoginForm=Form.create()(React.createClass({handle

javascript - jQuery 显示/隐藏所需的密码字段

我有一个表格可以更改用户的个人详细信息。在这种形式中,我允许用户更改他们的电子邮件和/或密码。使用jQuery,我想在检测到这些字段之一发生更改时显示“当前密码”字段。对于电子邮件字段,这意味着当它被更改时,密码字段会出现,但当电子邮件重新正确输入时,它会再次隐藏自己。对于密码字段,这意味着只要在字段中输入任何内容,它就会显示。我已经掌握了基础知识,但我无法让它们相互配合。因此,当我更改两者并改回其中一个时,“当前密码”字段会自行隐藏。letrequiredSet;$('.js-show-target-on-change').on('input',function(){consttar

javascript - 如何判断表单上的数据是用户输入的还是浏览器输入的?

我有一个结帐表单,它会显示一个弹出式调查,询问他们为什么在5秒后还没有开始填写表单。但是,我需要能够检查用户是否实际输入了数据,而不是通过浏览器的自动填充功能输入的数据(我在javascript或jQuery中特别忽略的标记中的任何预填充数据集)。现在我的解决方案是让setTimeout运行一个函数,该函数检查在输入类型(输入、选择、文本区域)上的jQuery.focus或.change事件上设置为false的变量(true或false)。但是,由于javascript可能会在用户能够使用表单元素后加载,因此我必须在弹出调查之前检查用户是否输入了数据。如果在用户对表单字段执行任何操作后

javascript - 如何获得iframe提交表单的响应?

我有一个使用iframe调用的表单,现在当提交该表单时,我想在调用iframe的主站点中捕获响应,并根据它启用/禁用主页中的按钮.请任何人帮助我.. 最佳答案 您可以使用window.postMessageAPI。这是一个HTML5特性,并不是所有的浏览器都支持这个特性在Iframe和父站点中,您需要检查浏览器是否支持postMessageif(typeofwindow.postMessage!='undefined'){}你可以发送你的信息window.parent.postMessage("test","*");在您的父站点(主

javascript - ExtJS - 表单提交

我有代码:win=desktop.createWindow({id:'admin-win',title:'Addadministrationusers',width:740,height:480,iconCls:'icon-grid',animCollapse:false,constrainHeader:true,xtype:'form',bodyPadding:15,url:'save-form.php',items:[{xtype:'textfield',fieldLabel:'Field',name:'theField'}],buttons:[{text:'Submit',han

javascript - 根据多个下拉选择隐藏/显示行(过滤)

所以我的问题是这样的。我有一个表,我根据下拉菜单选择隐藏/显示行。想要的是2个菜单一起工作而不是独立工作。如果我在第一个下拉列表中选择一个项目,我希望能够使用第二个下拉列表进一步过滤该项目,依此类推任何其他下拉列表。这是我正在使用的代码,目前可以独立运行。$(document).ready(function(){$('select#age').bind('change',function(){if($(this).val()=='ShowAll'){$('td.age').parent().show();}else{$('td.age').parent().hide();$('td.a

javascript - javascript表单验证中的可访问性

这是我要解决的盲人社区的一个重要问题。我如何告诉盲人访问者用户名已被占用?我当前的设置并不重要,但对于示例情况,我目前有一个Jquery实现,它通过ajax根据php脚本检查用户输入,它返回一个json,然后我将其显示在屏幕上的错误字段中.非常基本,超出了我的问题范围,因为它运行良好。但如果我是盲人,我不会注意到用户名Batman已被占用或不能包含空格,而且我的密码至少需要7个字符。或者,在没有使用javascript的情况下提交表单后,错误会列在错误登录页面上-它很笨拙,但可以正常工作。更好、更动态的解决方案和支持将是最佳选择。 最佳答案

javascript - 仅在一个验证器上去抖动

我刚刚阅读了精彩的angularpageonformvalidation我可能错过了一些东西,但如何在特定验证器上应用ng-model-optionsdebounce属性。让我解释一下这个问题。我有一个验证公钥的表单,为此我有一个名为key-check的指令,其中包含多个验证器。其中一些是本地和同步的,如key格式,还有另一种异步检查key在服务器上是否可用(异步)。我不希望我的服务器被淹没,也不希望Angular应用程序变慢,所以我使用了酷children所说的去抖动,我的输入看起来像这样:指令是这样的:ctrl.$validators.keyFormatCheck=function

javascript - 填写表单的脚本比 onchange() 可以显示表单选项执行得更快

我正在使用Javascript书签自动填写页面上的表单。给出的一些选项是下拉选择,根据使用onchange()选择的内容显示不同的选项。我有类似这样的代码:/*Getsfirstdropdownandsetsvaluetofirstinlist*/vardropDown1=document.getElementById("dropDown1Name");dropDown1.value="option1InDropDown";dropDown1.onchange();/*Setsvalueofseconddropdowntooptionthatisavailablewhenfirstop