我是redux-form的新手,在处理onSubmit时遇到了一个奇怪的问题。当我完全按照此处的redux-form示例设置我的项目时http://redux-form.com/6.7.0/examples/syncValidation/它按预期工作。我试图根据我的需要扩展这个示例,并确认它在加载表单时按预期工作,如下所示:路由组件>表单。当我尝试在通过路由(路由组件>容器组件>表单)加载的react组件中加载表单时,问题就出现了。当我点击提交时,字段值被添加到地址栏并且表单验证不运行。我已经尝试了我能想到的一切来解决这个问题。如果替换,下面提供的代码将正常工作与在index.js中。
您将如何仅通过Javascript将OnSubmit属性插入表单?我是javascript的新手,所以如果您能够提供详细的示例代码,那将是非常有帮助的!情况如下:我正在通过Chargify(一种支付平台)使用托管注册页面来为我的应用程序处理信用卡,然后将用户发送回我自己的页面谢谢/确认页。由于域的变化(我的域->Chargify.com->我的域),通过谷歌分析跟踪整个channel被证明是非常难以捉摸的,因为信用卡页面由Chargify在他们自己的域上托管。我越来越接近了:我已经能够让跨域跟踪正常工作(chargify.com页面已登录到GoogleAnalytics),并且可以通过
我有一个按预期工作的非常简单的示例:https://jsfiddle.net/x1suxu9h/varHello=React.createClass({getInitialState:function(){return{msg:''}},onSubmit:function(e){e.preventDefault();this.setState({msg:'submitted'})},render:function(){return({this.state.msg})}});但是,当添加另一个表单字段时,按下回车键时不再触发onSubmit:https://jsfiddle.net/ny
代码如下importReactfrom"react";varnewForm=React.createClass({handleSubmit:function(e,text){e.preventDefault();console.log(text);},render:function(){return();})};module.exports=newForm;我想要实现的是当我提交表单时,我想要字符串“react!!!”在控制台中打印出来并防止默认事件同时发生。显然,将参数传递给“handleSubmit”函数会破坏代码。是否可以将onSubmit事件的参数传递给附加到该事件的函数?
我有一种情况需要提交我的表格。当我使用这个方法时1方法一然后表单完美提交,但我错过了表单验证,即电子邮件验证部分。有效与否,表单重定向方法二//onSubmitmethodregisterEmail=(e)=>{e.preventDefault();let{email}=this.state;letemailValidated=validateEmail(email);if(emailValidated){fetch('my_redirect_url',{method:'post',body:JSON.stringify({EMAIL:email}),headers:{'Accept'
我网站上的表单在Safari/Chrome中无法正常运行。当用户提交表单时,它会打开一个新选项卡,但我希望重新加载原始页面(上面有表单的页面)。它适用于IE、Opera和Firefox。代码:我尝试了其他javascript函数,例如:window.location.reload();文档.location.reload();window.location.replace('http://www.websiteurl.com');window.location.href='http://www.websiteurl.com';以及这些的其他变体。我想也许是onsubmit=""不工作,
在RubyonRails中,我正在尝试更新innerHTML使用form_remote_tag的div标签helper。只要关联的选择标记收到onchange事件,就会发生此更新。问题是,;不起作用。document.forms[0].submit()也没有.使form_remote_tag中生成的onsubmit代码执行的唯一方法是创建一个隐藏的提交按钮,并从select标记调用该按钮的click方法。这是一个有效的ERb部分示例。product_path,:update=>'content',:method=>'get'do-%>'content'do-%>"this.form.c
我有一个简单的表单,其中包含我尝试使用JavaScript验证的字段。在表单中,我有一个提交类型。对于验证,我应该在表单的输入或提交上调用onclick事件的验证函数吗?选择一个而不是另一个有什么含义吗? 最佳答案 onsubmit在即将提交表单时触发。onclick在单击特定按钮时触发。可以通过在任何输入字段中按enter键来提交表单。这不会触发提交按钮的onclick,但会触发表单提交事件。因此,使用onsubmit。 关于javascript-我应该使用输入的onclick还是表单
很惊讶,我在从JS提交表单时遇到了这个奇怪的问题。Issue:考虑使用来自submit的两种方式提交的简单表单按钮和一个anchorlinkclickme捕获提交事件的函数document.getElementById('test').onsubmit=function(){//Sameresultwith//*document.foobar.onsubmit//*document.forms['foobar'].onsubmitalert('foobar');returnfalse;}现在,当通过单击submit提交表单时按钮我收到提醒,但单击链接时没有。为什么要这样做?Fiddle
假设我有这个HTML:Output:和这个JS:functionotherAction(e){document.getElementById('output').innerHTML='otherAction';e.preventDefault();}functionsubmit(e){document.getElementById('output').innerHTML='submit';e.preventDefault();}ReactDOM.render(OtherActionSubmit,document.getElementById('container'));其实我们不光说,