Form表单的action和onSubmit示例介绍
在HTML的世界中,`action`属性无疑是`form`元素的得力助手,它在HTML5中已经被定义为一项必不可少的属性值。与此`onSubmit`事件则是当通过``进行提交时触发的验证关口。
我们来理解一下执行的顺序。当用户在表单上点击提交按钮时,首先会触发`onSubmit`事件。这是一个关键的验证阶段,开发者可以在这个阶段编写函数进行各种验证操作。如果验证函数返回`false`,那么`action`属性所指定的跳转动作将不会执行,也就是说,表单数据不会被发送到指定的URL地址。只有当函数返回`true`或者没有返回值时,浏览器才会继续执行后续操作,将用户填写的数据发送到`action`属性所指定的URL。
让我们来看一个简单的示例代码:
```html
function check(){
var oText = document.getElementById("in").value;
alert(oText); // 弹出用户输入的内容
if(oText == "false"){ // 如果输入内容为"false",则函数返回false
return false;
} else {
return true; // 其他情况返回true
}
}
```
在上述代码中,`onSubmit="return Fun();"`中的`return`关键词至关重要。这是因为`onSubmit`事件需要返回一个值来决定表单提交是否继续。如果省略了`return`,那么表单将默认提交,无论函数内部的逻辑如何。这个关键词的使用是非常必要的。
`onSubmit`是用于验证用户输入的关键事件,而`action`属性则是验证通过后表单数据将要发送到的链接地址。在开发过程中,深入理解这两者的关系和使用方法,将有助于构建更健壮、更安全的Web应用。至于那句“不写?不写你可以试试!!!”,这更加强调了理解这两点的重要性,因为在开发过程中一个小小的疏忽可能会导致意想不到的后果。至于最后的`cambrian.render('body')`,这可能是在特定环境或框架下的特定指令或函数调用,具体的功能和用途需要根据具体的上下文来。
网络推广
- WEBAPP开发技巧小结(手机网站开发注意事项)
- APUS:猎豹移动的起诉司法程序并未正式启动
- Win10 Mobile预览版10572中六大更新内容汇总
- 微软我们正式发布 可测出两张照片的相似度 附地
- 一个优秀的VI设计对一个企业的作用
- 外星人Alienware 15R3值得买吗?2017款戴尔外星人1
- Win10手机预览版10166快速版更新内容汇总
- CSS背景图坐标定位详解及负数的使用技巧
- 卡巴斯基杀毒怎么样 好用吗
- 淘宝营销之淘宝开店从零提高销量和流量的技巧
- cad图纸导入3dmax前怎么进行写块-
- XP系统注册表如何快速还原到上次成功启动时的状
- Flash cs6数据怎么提交给ASP网页-
- 应用内链崛起 Facebook APP Link链接超十亿
- Win10一周年累积更新补丁KB3194496安装失败的解决方
- 怎样拍摄出优秀的光绘作品技巧教程