草庐IT

form-inline

全部标签

jquery - 如何淡入淡出显示: inline-block

在我的页面中,我有一堆(大约30个)dom节点,它们应该被添加为不可见,并在它们完全加载时淡入。元素需要display:inline-block样式。我想使用jquery.fadeIn()函数。这需要元素最初有一个display:none;规则最初隐藏它。在fadeIn()之后,当然的元素具有默认显示:inherit;如何使用继承以外的显示值的淡入淡出功能? 最佳答案 $("div").fadeIn().css("display","inline-block"); 关于jquery-如何

jquery - 如何添加显示:inline-block in a jQuery show() function?

我有这样的代码:functionswitch_tabs(obj){$('.tab-content').hide();$('.tabsa').removeClass("selected");varid=obj.attr("rel");$('#'+id).show();obj.addClass("selected");}show函数添加了display:block。但我想添加display:inline-block而不是block。 最佳答案 尝试使用CSS来隐藏和显示内容,而不是show。functionswitch_tabs(obj

jquery - JavaScript : how to change form action attribute value based on selection?

我正在尝试根据从下拉菜单中选择的值更改表单操作。基本上,HTML看起来像这样:SearchpeopleSearchcontentEnteryourkeywords:如果选择“people”(默认情况下),则操作应为“/search/user”,如果选择内容,则操作应为“/search/content”我还在四处寻找,但一直没能找到如何做到这一点。 最佳答案 $("#selectsearch").change(function(){varaction=$(this).val()=="people"?"user":"content";$

Javascript 选择 onchange ='this.form.submit()'

我有一个带有选择和一些文本输入的表单。我希望在更改选择时提交表单。使用以下方法效果很好:onchange="this.form.submit()"但是,如果表单还包含一个提交按钮,那么在更改选择时表单不会提交。我猜是某种冲突。我有哪些选择?我应该使用类似$(this.form).trigger("提交")相反? 最佳答案 你应该能够使用类似的东西:$('#selectElementId').change(function(){$(this).closest('form').trigger('submit');/*or:$('#for

javascript - Angular JS : Validate form fields before submit

我正在构建一个包含两步表单的AngularJS应用程序。它实际上只是一种形式,但使用JavaScript隐藏第一个面板并在用户单击“下一步”按钮并继续执行第2步时显示第二个面板。我在第1步中的某些字段上设置了“必需”验证,但显然,当用户单击“下一步”按钮时,它们不会得到验证...当在第2步结束时单击“提交”按钮时,它们会得到验证。有什么方法可以告诉Angular在单击“下一步”按钮时验证表单中的这些字段? 最佳答案 我建议使用子表单。AngularJS支持将一种形式放在另一种形式中,有效性从下层形式传播到上层形式;这里是例子:htt

javascript - Safari 11.1 : ajax/XHR form submission fails when input[type=file] is empty

更新:截至Webkitbuildr230963,这个问题已经在Webkit中解决了。===========自从最近在macOS和iOS上更新Safari11.1以及SafariTechnologyPreview11.2以来,当input[type=file]字段没有选择文件(我的表单不需要)。当字段确实选择了文件时没有失败。ajax的error回调运行,Safari控制台包含以下消息:加载资源失败:操作无法完成。协议(protocol)错误。我使用HTTPS并通过HTTPS提交到同一域(和服务器)上的一个位置。在11.1更新之前,$.ajax调用在没有选择文件时提交得很好。最新版本的C

javascript - 失败的形式 propType : You provided a `value` prop to a form field without an `onChange` handler

当我加载我的React应用程序时,我在控制台中收到此错误。Warning:FailedformpropType:YouprovidedavalueproptoaformfieldwithoutanonChangehandler.Thiswillrenderaread-onlyfield.IfthefieldshouldbemutableusedefaultValue.Otherwise,seteitheronChangeorreadOnly.ChecktherendermethodofAppFrame.我的AppFrame组件如下:classAppFrameextendsCompone

javascript - Protractor 测试 : How to set the value of text elements in a login form?

我正在用Protractor为Angular应用程序编写测试。我想填写一个登录表单并提交。我该怎么做?我已经走到这一步了,但我不知道如何设置电子邮件和密码字段的值。describe('Thedashboard',function(){ptor=protractor.getInstance();beforeEach(function(){ptor.get('#/dashboard');varemail=ptor.findElement(protractor.By.model('email'));varpassword=ptor.findElement(protractor.By.mode

javascript - this.form.submit(); 是否有更好的 jQuery 解决方案?

我想触发当前元素所在表单的提交事件。我知道有时有效的方法是:this.form.submit();我想知道是否有更好的解决方案,可能是使用jQuery,因为我不能100%确定该方法适用于所有浏览器。编辑:我的情况是,如下:FieldLabelBlah....我希望能够在更改时提交表格.我正在寻找的是一种解决方案,它可以在任何表单中的任何字段上工作,而无需知道表单上的ID或名称。$('form:first')和$('form')将不起作用,因为表单可能是页面上的第三个。另外,我已经在网站上使用jQuery,所以使用一点jQuery没什么大不了的。那么,有没有办法让jQuery检索输入/选

javascript - react : inline conditionally pass prop to component

我想知道是否有比使用if语句更好的有条件地传递prop的方法。例如,现在我有:varparent=React.createClass({propTypes:{editable:React.PropTypes.bool.isRequired,editableOpts:React.PropTypes.shape({...})},render:function(){if(this.props.editable){return();}else{//Inthiscase,ChildwillusetheeditableOptsfromitsowngetDefaultProps()return();