IE中用回车提交表单的问题

现象:form中如果只有一个text输入框时,回车并不会触发表单提交。

解决方法:使用IE的条件注释来加入一个隐藏且不可用的text输入框即可。

<form action="" method="post">
<fieldset>
<!--[if IE]>
<input type="text" style="display: none;" disabled="disabled" size="1" />
<![endif]-->
<label for="user_name">User Name</label>
<input type="text" name="user_name" id="user_name">
</fieldset>
<fieldset class="button">
<button type="submit" name="submit" id="submit" title="Verify User Name">Verify User Name</button>
</fieldset>
</form>

原文:http://style-vs-substance.com/development/form-submit-by-enter-key-and-internet-explorer/

转载于:https://www.cnblogs.com/jacobz/archive/2011/09/09/2172605.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
在Laravel中,你可以使用jQuery来实现AJAX提交表单数据并转跳。首先,在视图文件中添加一个表单,如下所示: ``` <form id="myForm" action="{{ route('submitForm') }}" method="POST"> @csrf <!-- 表单内容 --> <button type="submit" id="submitForm">提交</button> </form> ``` 这里使用了Laravel的路由器来指定表单提交的路由,也就是`submitForm`路由。接下来,你需要编写一个AJAX请求脚本,如下所示: ``` <script> $(document).ready(function(){ $('#submitForm').click(function(e){ e.preventDefault(); $.ajax({ url: "{{ route('submitForm') }}", method: 'POST', data: $('#myForm').serialize(), success: function(response){ window.location.href = "{{ route('redirect') }}"; }, error: function(xhr, status, error){ console.log(error); } }); }); }); </script> ``` 这里使用了jQuery来监听表单提交按钮的点击事件,然后使用AJAX请求将表单数据提交到服务器。在成功响应后,我们可以使用`window.location.href`属性来跳转到另一个页面,如上面代码中的`redirect`路由。 最后,你需要在路由文件中定义这两个路由,如下所示: ``` Route::post('/submitForm', 'FormController@submitForm')->name('submitForm'); Route::get('/redirect', 'FormController@redirect')->name('redirect'); ``` 其中,`submitForm`路由用于处理表单提交请求,`redirect`路由用于处理AJAX成功响应后的跳转请求。 希望这可以帮助你实现在Laravel中使用AJAX提交表单数据并转跳。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值