submit 和button两种按钮的提交

最新推荐文章于 2023-11-21 14:20:07 发布
最新推荐文章于 2023-11-21 14:20:07 发布
阅读量1.2k 收藏
点赞数
文章标签： button input action function 电话 手机
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/LoveTomcat/article/details/2517321
版权

<!---------------------------------------submit------------------------------------------------------------->]

举例说明:

  <script type="text/javascript">
     
           function checkForm()
           {
            var username = document.form1.username.value;
            var password = document.form1.password.value;
            var telphone = document.form1.telphone.value;
           
            if(username=="")
            {
              alert("用户名不能为空");
              document.form1.username.focus();
              return false;                                                                 false是一定要的
            
            }else if(password=="")
            {
              alert("用户密码不能为空");
              document.form1.password.focus();
              return false;
           
            }else if(telphone=="")
            {
              alert("用户手机号码不能为空");
              document.form1.telphone.focus();
              return false;
            }
           }
    </script>

  </head>
 
  <body>
  
     <form action="link.jsp" name="form1"  οnsubmit="return checkForm();">{注意}
      姓名: <input type="text" name="username" value="">
       <br>
      密码: <input type="password" name="password" value="">
       <br>
     电话号码:  <input type="text" name="telphone" value="">
       <br>
      <input type="submit"value="" style="background: url('1.gif');;width:65px;height:21px;border:none;cursor: pinter;">
       <br>      
     </form>

  

<!--------------------------------------------------button-------------------------------------------------------->

举例说明:

  <script type="text/javascript">
     
           function checkForm()
           {
            var username = document.form1.username.value;
            var password = document.form1.password.value;
            var telphone = document.form1.telphone.value;
           
            if(username=="")
            {
              alert("用户名不能为空");
              document.form1.username.focus();
              return false;                          用button按钮时可以不要false
            
            }else if(password=="")
            {
              alert("用户密码不能为空");
              document.form1.password.focus();
              return false;
           
            }else if(telphone=="")
            {
              alert("用户手机号码不能为空");
              document.form1.telphone.focus();
              return false;
            }
           }
    </script>

  </head>
 
  <body>
  
     <form action="link.jsp" name="form1"  >

      姓名: <input type="text" name="username" value="">
       <br>
      密码: <input type="password" name="password" value="">
       <br>
     电话号码:  <input type="text" name="telphone" value="">
       <br>
      <input type="button"  οnclick="checkForm()"  value="" style="background: url    ('1.gif');;width:65px;height:21px;border:none;cursor: pinter;">
       <br>      
     </form>

  

LoveTomcat
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
JS中type="button"和type="submit"的区别
10-19
在JavaScript和HTML交互中，创建按钮常常涉及到`type="button"`和`type="submit"`两种类型，它们在功能上有着显著的区别。理解这些差异对于优化表单操作和用户体验...在设计表单时，理解这两种按钮的区别是至关重要的。
在javaScript中关于submit和button的区别介绍
10-26
在JavaScript中，`submit` 和 `button` 是两种常见的HTML元素，它们在表单处理中扮演着不同的角色。本文将详细解析它们的区别及其在实际应用中的使用场景。 首先，`submit` 是 `button` 的一个特例，属于 `input` ...
提交按钮submit
whpu1234的博客
08-03 6235
1.提交按钮 submit  语法：&lt;input   type="submit"   value="提交"&gt;    1）type：这里选submit    2）value：按钮上现实的字 demo： &lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset=&q
button表单提交
lihai755的博客
04-07 322
$("#soso").click(function(){ $("#tableForm").submit(); });
ASP.net页面上的默认Submit按钮！
weixin_33904756的博客
04-21 175
一般情况下，ASP.net的页面下都会有一个Submti Button，这是由HTML的FORM产生的。在设计时一定要注意这个按钮产生的副作用。默认情况下，它是不会有什么问题的，因为POSTBACK会给我们处理所有的问题，然而，当用户不点击你所设计的Button而是直接回车，那么你就不知道是那个Button（默认那个Submit）产生的的了。我遇到几次了。。。。。...
button按钮提交表单问题
牧小七的博客
02-24 2245
问题描述： 表单中嵌套按钮，在点击按钮时会自动提交表单 <form action="/save"> <button>提交</button> </form> 原因分析： 表单中的button按钮，没有指定 type="button"，则默认是 submit 类型，所以当点击按钮时会提交表单 解决方案： 在 button 标签中添加 type="button" 属性 <form action="/save"> <button
Button提交数据到其他页面
Aruko的博客
11-01 1816
使用按钮的响应函数: <form id="delmg" action="DelMgServlet" method="post"> <input type="hidden" value="<%=mg.getname() %>" name="delnm"> <button type="button" class="delbt" οnclick="Pressbt()">删除</button> </form> <script typ
两个SUBMIT按钮，如何区分处理
12-03
在网页设计中，有时我们需要在一个表单中设置多个提交（SUBMIT）按钮，以便执行不同的操作，例如“修改”和“删除”。面对这种情况，我们如何在服务器端区分这两个按钮的点击事件呢？以下两种方法可以帮助你实现这一...
JS中type=”button”和type=”submit”的区别
12-08
在JavaScript和HTML交互中，创建按钮常常涉及到`type="button"`和`type="submit"`两种类型，它们在功能上有着显著的区别。理解这些差异对于构建高效且用户友好的Web表单至关重要。 首先，`type="button"`是用来创建...
Form中button的默认提交
猿起于此
02-25 311
1.  当使用button标签时，不需要加入任何事件。当点击时会自动提交form表单。onsumbit的验证也会起不到作用。 2.   解决此问题，可以将button标签换成div标签。此时要添加点击事件，手动提交表单。 &lt;form action="&lt;%=basePath%&gt;orderManage/saveRemark.do" method="post" id="...
form表单下的button按钮会自动提交表单的问题
一勺菠萝丶的博客
12-25 1738
form表单下的使用 button按钮  一个提交一个返回 ，返回按钮里面指定url地址 确认修改 返回 但是不知道为什么当点击返回按钮想返回首页的
JavaScript笔记-点击button提交form表单
IT1995的博客
03-10 5517
功能如下： 点击购买后，点击确定。 确定调用了一个js函数，提交form表达给后端 代码如下： <div class="modal-footer"> <button type="button" class="btn text-white border bg-dark" data-bs-dismiss="modal">取消</button> <button type="button" class="btn text-white border bg
button的默认提交方式
cauchy6317的博客
07-18 3544
button的type 属性，IE的默认是 “button”，非IE默认是 “submit”。  如果想不提交需要指定type为”button”。 &lt;form&gt; &lt;button type="button"&gt;button&lt;/button&gt;&lt;!--不提交form--&gt; &lt;button type="submit"&gt;b
submit提交和button提交的区别
果酱的博客
09-18 2798
submit提交和button提交的区别submit的提交： 1.一般submit提交之后就不再响应其他事件。 2.函数 onsubmit（）可以用于验证表单提交，验证失败不能提交下面是例子 <!DOCTYPE html> <html> <head> <title>login.html</title> <script type="text/javascript"> function t
点击button自动提交表单原因及解决方案
Gabriel576282253的专栏
04-01 952
分析 情景描述 有时候我们可能需要在表单中放置多个按钮，比如表单页面常见的按钮有创建和取消。点击创建按钮会触发单击响应事件，在单击响应事件中进行提交表单，这没有任何问题。点击取消按钮的时候，触发对应的单击响应事件，这个单击响应事件中主要处理关闭表单页面逻辑，所以会关闭页面，这也正常。但是！打开控制台监听请求会发现，它也会提交表单。 图示 关于途中三个按钮的代码片段 <!-- 新增...
asp.net里面button的submit，or usesubmitbehavior property （转载）
weixin_30315723的博客
06-22 112
2010-06-02 15:44:51|分类： .net 阅读384 评论0 字号：大中小订阅 控制Asp.net的Button控件的提交动作 asp.net开发中，通常需要做一些客户端验证。当我们默认在一个页面中加个button控件时，这个Button被asp.net输出为一个Submit按钮。 <asp:Button ID="Button1" runa...
普通按钮提交
weixin_34204057的博客
03-13 106
<input id="search" name="search" type="button" onClick="document.serForm.submit()" value="搜索" style="border: 1px solid; font-family: 微软雅黑; height: 32px; b...
2023.11.21使用＜button＞元素来触发form表单和数据提交
最新发布
leigh_chen的博客
11-21 1760
除了使用``中的`submit`方式进行form表单和数据提交，还可以使用button方式，两种方式视使用场景，各有优点。
asp.net webform中submit按钮使用不当很容易犯的一个错误
weixin_34101229的博客
03-31 151
webform中默认一个页面只能有一个form，有时submit按钮使用不当会产生一些奇怪的问题。 比如这是一个网站的头部搜索部分，前端人员把“搜索”按钮用&lt;input type="submit" /&gt;处理，然后在js中文本框里按下回车键时，自动调用doSearch()函数，该函数可能类似下面这样：（只是表达一下大概的意思） function doSearch(){ 　　wi...
submit和button
08-26
提交按钮（Submit Button）和普通按钮（Button）是Web开发中常见的两种按钮类型。 提交按钮通常用于表单（form）中，当用户填写完表单内容后，点击提交按钮将触发表单数据的提交。提交按钮一般显示为“提交”或者...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值