提交只有一个文本组件的表单

最新推荐文章于 2020-10-13 09:48:52 发布
原创 最新推荐文章于 2020-10-13 09:48:52 发布 · 453 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文介绍了一种解决表单自动提交问题的方法。当表单中只有一个文本输入框且无提交按钮时，按回车键会导致表单意外提交。通过在表单中加入特定的JavaScript代码，可以有效阻止这一行为。

可能是由于我之前所用的表单中的组件从来都是大于一个的,所以今天用了只有一个文本输入的表单时竟然也遇到了问题:

 

   (没有submit按钮) 焦点在文本框中时,点击回车,表单竟然自动提交了!!!  (我不要这样的结果)

   另外一种自动提交的情况应该是,表单含有submit按钮时.

 

 处理: 加入onkeydown="if(event.keyCode==13){event.keyCode=0;return   false}"语句,即不会自动提交了!

layui实现form表单同时提交数据和文件的代码
10-16
总的来说，layui通过结合`layui-form`和`layui-upload`，实现了在同一个表单中同时提交文本数据和文件的功能。这种做法在Web应用中非常常见，特别是在用户注册、个人资料编辑等场景下。通过合理的HTML结构和...
Zend Framework教程之Zend_Form组件实现表单提交并显示错误提示的方法
12-19
在上述代码中，我们创建了几个表单元素，包括一个选择框、两个文本字段和一个提交按钮。每个元素都设置有相应的标签、验证器和过滤器。例如，`email`元素添加了一个`NotEmpty`验证器和`EmailAddress`验证器，确保...
form表单下的button按钮会自动提交表单的问题
热门推荐
orichisonic的专栏
01-05 2万+
form表单下的按钮在没有指定type类型的时候，如果我们同时给其添加了点击事件的话。会发现我们在点击的时候回默认的把表单也给提交了。如： function validate(){ alert("test"); } 于是我大胆猜测应该是form下的button 按钮在没有明确的给出type类型时，会有一个默认值为：type=”submit”.  带着这种猜测于
form表单下的button不设置type会自动提交表单
zhuocr的博客
03-02 1万+
有时html页面button点击会出现自动提交表单的情况。 后来查资料得知，form表单下的按钮在没有指定type类型的时候，button会有一个默认的type=”submit” 解决办法： 给button设置一个类型type="button"，这样button的类型就不是默认的submit了，就不会自动提交表单了。
如果没有提交按钮,怎么实现提交功能呀!!!
mcy478643968的专栏
12-14 3233
如果没有提交按钮,刚使用document对象中的form表单对象的onSubmit()方法来提交来现实. 示例:用图片代替提交按钮   注册     function check(){    if(document.myform.name.value==""){     alert("用户名不能为空");     document.myform.name.focus();    }el
HTML中的form表单及其提交原理
qq_42760090的博客
09-23 5163
HTML中的form表单form属性表单内容数据类型表单控件input表单控件type属性其他属性button表单控件label表单控件表单组件表单提交原理 form属性 <form action="1.jsp" name="messages" method="GET" target="self"> <input type="text" name="username" id="aaa" > <input type="submit">
layui 解决富文本框form表单提交为空的问题
10-16
在Web开发中，富文本编辑器是常见的页面组件之一，允许用户在表单中编写并提交富文本内容。Layui是一套前端UI框架，提供了包括富文本编辑器在内的多种组件。然而，在使用Layui的富文本编辑器时，开发者可能会遇到...
精选资源
翻页表单提交组件网页模板
01-22
【标题】"翻页表单提交组件网页模板"是一个专门设计用于实现多页面表单提交功能的网页模板。在网页设计中，翻页表单通常用于处理大量的输入字段或者复杂的数据收集过程，使得用户可以分步骤填写，提高用户体验。这种...
tinymce 富文本组件
05-17
**Tinymce 富文本组件** TinyMCE是一款强大的开源富文本编辑器，它提供了丰富的功能，使得在网页上创建和编辑复杂的HTML内容变得简单易行。TinyMCE以其高度可定制性和良好的跨平台性而受到开发者的青睐，广泛应用于...
提交按钮在form之外的提交方式，提交按钮提交页面任意表单
zouzongning的博客
06-30 1万+
上结构 &lt;form id="loginForm" action="{:url('Index/add')}" method="post" enctype="multipart/form-data"&gt; &lt;div&gt; ... ... &lt;/div&gt; &lt;/form&gt; &lt;div&gt; &am
没有submit按钮的表单也能提交
sailei的专栏
08-11 1509
当form表单里面只有一个;的时候就默认变成了提交按钮……
解决自定义组件表单验证不能及时生效，提交的时候才生效的方法
wusq的博客
10-13 2074
问题： 如图，内容已经填写，但是非空提示语还在，只有点击后面的确定按钮才会生效 解决办法： 在子组件的input事件添加手动校验，如果是远程查询组件的话还要在change事件添加手动校验： <el-form-item prop="policyNo" class="append-form-item"> <remote-search ref="appendPolicyNo" :result
Vue组件：表单数据回显验证与提交实战代码
这篇文章提供了一个基础的Vue组件表单开发框架，包含了数据回显、验证以及提交的基本操作。在实际项目中，可以根据需求进一步优化和扩展，如添加更复杂的验证规则、优化用户体验等。通过这个实例，开发者能够更好地...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值