草庐IT

onSubmit

全部标签

javascript - redux-form onSubmit 刷新页面

我是redux-form的新手,在处理onSubmit时遇到了一个奇怪的问题。当我完全按照此处的redux-form示例设置我的项目时http://redux-form.com/6.7.0/examples/syncValidation/它按预期工作。我试图根据我的需要扩展这个示例,并确认它在加载表单时按预期工作,如下所示:路由组件>表单。当我尝试在通过路由(路由组件>容器组件>表单)加载的react组件中加载表单时,问题就出现了。当我点击提交时,字段值被添加到地址栏并且表单验证不运行。我已经尝试了我能想到的一切来解决这个问题。如果替换,下面提供的代码将正常工作与在index.js中。

javascript - 通过javascript将onsubmit添加到表单

您将如何仅通过Javascript将OnSubmit属性插入表单?我是javascript的新手,所以如果您能够提供详细的示例代码,那将是非常有帮助的!情况如下:我正在通过Chargify(一种支付平台)使用托管注册页面来为我的应用程序处理信用卡,然后将用户发送回我自己的页面谢谢/确认页。由于域的变化(我的域->Chargify.com->我的域),通过谷歌分析跟踪整个channel被证明是非常难以捉摸的,因为信用卡页面由Chargify在他们自己的域上托管。我越来越接近了:我已经能够让跨域跟踪正常工作(chargify.com页面已登录到GoogleAnalytics),并且可以通过

javascript - 多个 react 表单输入禁用 onSubmit

我有一个按预期工作的非常简单的示例: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

javascript - 如何在 React JS onSubmit 函数调用中传递第二个参数

代码如下importReactfrom"react";varnewForm=React.createClass({handleSubmit:function(e,text){e.preventDefault();console.log(text);},render:function(){return();})};module.exports=newForm;我想要实现的是当我提交表单时,我想要字符串“react!!!”在控制台中打印出来并防止默认事件同时发生。显然,将参数传递给“handleSubmit”函数会破坏代码。是否可以将onSubmit事件的参数传递给附加到该事件的函数?

javascript - Reactjs:表单操作方法和 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'

javascript - safari/chrome onsubmit ="location.reload(true)"不工作

我网站上的表单在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=""不工作,

javascript - 是否可以在表单上以编程方式调用 Javascript 的 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动态提交时更改表单

我有一个带有一些Action和onsubmit值的表单,它是通过提交输入标签提交的。问题是它应该可以通过两个按钮提交,所以我为第二个按钮编写了一个函数来更改表单的action和onsubmit值:ComparefunctionsubmitCompare(){document.myForm.action="anotherAction.php";document.myForm.onsubmit=function(){returncountChecked()};document.myForm.submit();}functioncountChecked(){varn=$(".reportsi

javascript - React/Redux,如何获取用户输入

我正在关注usagewithReactRedux教程。我真正不明白的是如何检索用户输入。他们构建了一个FilterLink容器,其mapDispatchToProps是constmapDispatchToProps=(dispatch,ownProps)=>{return{onClick:()=>{dispatch(setVisibilityFilter(ownProps.filter))}}}因此它将自己的Props.filter注入(inject)连接的展示组件。如果我们去看看这个容器是如何构造的constFooter=()=>(Show:{""}All{","}Active{",

javascript - 我应该使用输入的 onclick 还是表单的 onsubmit 事件来使用 JavaScript 验证表单字段?

我有一个简单的表单,其中包含我尝试使用JavaScript验证的字段。在表单中,我有一个提交类型。对于验证,我应该在表单的输入或提交上调用onclick事件的验证函数吗?选择一个而不是另一个有什么含义吗? 最佳答案 onsubmit在即将提交表单时触发。onclick在单击特定按钮时触发。可以通过在任何输入字段中按enter键来提交表单。这不会触发提交按钮的onclick,但会触发表单提交事件。因此,使用onsubmit。 关于javascript-我应该使用输入的onclick还是表单