首页 >> 大全

bootstrap表单禁止回车提交,disabled获取不到input

2023-09-14 大全 23 作者:考证青年

调试好一会才弄好的,页面上的小问题记录下。

1、表单禁止回车提交

问题:做了一个弹出框的搜索页面,输入关键词不点击搜索按钮直接回车,结果离开了当前页面跳转了一个空白页面,搜索出来的数据也没了样式直接显示在空白页面上。

表单回车自动提交的情况如下

当form表单里面仅一个输入框,回车都会提交(无论按钮的type=""还是type=""类型)。

_阻止按回车键提交表单_js禁止回车提交表单

当form表单里面有多个输入框,按钮的type=“”(没写type则默认为)会提交,type=""时不会提交

解决方案:在input或form里面添加="if(event.==13){event.=0;event.=false;}" 13表示输入的是回车。

示例方案1:下面这个仅对这一个input回车不会自动提交,其他没加这个的input回车时还是会自动提交。


示例方案2:在form表单里面添加(推荐,因为对form标签里面的全部input输入回车都不会自动提交)

_js禁止回车提交表单_阻止按回车键提交表单

2、 属性导致获取不到表单里面的input值。

在里面通过js设置input只读不可修改。如果使用的是 不是,会导致表单提交的时候, 通过var = $("#").();获取表单参数时, 这个设置了 属性的input的name和value都无法获取到了。当然通过$("#id").val();是可以获取到的。

所以一般推荐禁用input使用,禁用按钮使用。这次主要是不知道会导致获取不到input所以才消耗了一些时间,若是早知道这个情况就不用去调试这么久了。

如果input一定要用,那也是灵活的转一下的。这个思路就是先移除等你的功能效果达到之后再给他禁用上

function functionName() {$("#yourIdName").removeAttr("disabled");  # 移除 // your code$("#yourIdName").attr("disabled", true); # 添加
}

关于我们

最火推荐

小编推荐

联系我们


版权声明:本站内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 88@qq.com 举报,一经查实,本站将立刻删除。备案号:桂ICP备2021009421号
Powered By Z-BlogPHP.
复制成功
微信号:
我知道了