html form onsubmit函数解释,input、submit、button的区别

我的新项目ecgoo add_supply.html οnsubmit="return check_add_supply(参数)"

 

 

 

以下内容来自链接:http://blog.1xi.net/html/submit-button-qubie

html中的input、submit和button的区别

Filed under: HTML — fangds @ 15:33

type=button      就单纯是按钮功能
type=submit      是发送表单

但是对于从事WEB UI的人应该要注意到,使用submit来提高页面易用性:
使用submit后,页面支持键盘enter键操作,而很多WEB软件设计师,可能没有注意到submit统一.

用button后往往页面不支持enter键了。所以需要支持enter键,必须要设置个submit,默认enter键对页面第一个submit进行操作。

<input type=”submit” name=”b1″ value=”提交”     onClick=”bt_submit_onclick()”>

执行完onClick,转到action。可以自动提交不需要onClick。所以说onclick这里可以不要。

<input type=”button” name=”b1″ value=”提交”     onClick=”bt_submit_onclick()”>

执行完onClick,跳转文件在 js文件里控制。提交需要onClick。

比如:

1,οnclick=”form1.action=’a.jsp’;form1.submit();”     这样就实现了submit的功能了。

2,<form    name=”form1″    method=”post”    action=”http://blog.1xi.net”>
<input    type=”button”    name=”Button”    value=”Button”    onClick=”submit()”>
</form>

3,<input    type=”button”    name=”Button”    value=”Button”    onClick=”javascript:windows.location.href=”你的url”">

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
好的,我可以为您提供一个基本的示例代码,使用 JavaScript 编写表单验证并使用 submit 函数提交表单: ``` <!DOCTYPE html> <html> <head> <title>表单验证示例</title> </head> <body> <h1>表单验证示例</h1> <form id="myForm" onsubmit="submitForm()"> <label for="name">姓名:</label> <input type="text" id="name" name="name" required><br><br> <label for="email">邮箱:</label> <input type="email" id="email" name="email" required><br><br> <label for="age">年龄:</label> <input type="number" id="age" name="age" required><br><br> <label for="password">密码:</label> <input type="password" id="password" name="password" required><br><br> <button type="submit">提交</button> </form> <script> function submitForm() { // 获取表单元素 var name = document.getElementById("name").value; var email = document.getElementById("email").value; var age = document.getElementById("age").value; var password = document.getElementById("password").value; // 表单验证 if (name == "" || email == "" || age == "" || password == "") { alert("请填写完整信息"); return false; } else if (age < 18) { alert("年龄不能小于18岁"); return false; } // 提交表单 document.getElementById("myForm").submit(); } </script> </body> </html> ``` 在这个示例,表单的每个输入框都需要填写,如果有任何一个输入框为空,则会弹出提示信息并阻止表单提交。此外,年龄输入框还需要验证年龄是否小于18岁。如果表单验证通过,则会提交表单。

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值