JavaScript事件驱动编程:深入理解<form>的onsubmit属性
"关于JavaScript中的<form>标签的onsubmit属性及其相关知识" 本文将进一步探讨JavaScript中的<form>标签的onsubmit属性以及JavaScript语言的一些基本特性。在网页表单处理中,onsubmit属性是一个非常关键的事件处理器,它定义了当用户尝试提交表单时所触发的函数。在给定的代码示例中,`checkForm`函数就是一个典型的onsubmit事件处理函数,用于验证表单字段是否符合特定条件。 ```html <form onsubmit="return checkForm(this)"> <!-- 表单元素 --> </form> ``` 在这个例子中,`checkForm`函数接收一个参数`formObj`,这个参数代表当前的表单元素。函数内部首先设置一个布尔变量`formOK`为`true`,表示表单验证的初始状态是允许提交。接着,它检查`myField`字段(假设这是一个输入字段)的值是否为空。如果为空,函数会弹出警告框,并将焦点返回到`myField`字段,同时将`formOK`设置为`false`,表示表单验证失败,阻止表单提交。最后,函数返回`formOK`的值,这个返回值决定了表单是否会被实际提交。 JavaScript作为一种脚本语言,具有以下特点: 1. **脚本语言**:JavaScript是解释型语言,代码不需要预编译,浏览器可以直接解析执行。 2. **基于对象**:JavaScript提供了许多内置对象,如Array、Date等,可以直接使用,但不支持继承和多态。 3. **事件驱动**:JavaScript能够响应网页上的各种事件,如用户点击、滚动等,实现动态交互。 4. **安全**:JavaScript在浏览器环境中运行,不具备读写本地文件的能力,保证了安全性。 5. **平台无关**:JavaScript代码可以在不同的操作系统和浏览器上运行,只要浏览器支持JavaScript。 JavaScript的主要功能包括: - **交互性**:通过JavaScript,网页可以实现用户交互,如表单验证、动态提示等。 - **动态性**:JavaScript可以改变网页内容,实现动态效果,如计时器、动画等。 JavaScript与Java语言虽然名字相似,但有显著区别: 1. **编译方式**:Java程序编译成字节码,而JavaScript是解释执行。 2. **面向对象**:JavaScript是基于对象,Java是面向对象,支持类和继承。 3. **嵌入方式**:JavaScript代码通常嵌入HTML中,而JavaApplets是独立的字节码文件。 了解这些基础知识对于开发交互性强、动态性高的网页至关重要。通过合理利用JavaScript的onsubmit属性和其他事件处理,可以创建出更加智能和用户友好的网页应用。
<!DOCTYPE html PUBLIC " -//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title> 测试系统集成 </title > </head> <body>
<script type="text/javascript" src="js/integration.js"></script> <form method="post" action="/api/DeviceInterface/IntegrationServlet" style="margin-top:8px;margin-bottom:5px" onsubmit="return commit()">
|
<form class="layui-form" action="" id="typform" onsubmit="return false;"> <label> <input type="search" name="title" id="searchKw" class="layui-input" placeholder="输入关键字回车"> </label> 当input输入框的值发生改变时通过jq来触发function JsonPath测试 输入
<label for="json_path">JsonPath 语法:</label> <input type="text" name="json_path" id="json_path"> 关于json语法请看这里:JSONPath expressions <form onsubmit="submitForm(); return false;"> <textarea name="json_data" id="json_data"></textarea> <input type="submit" value="提交"> </form> 输出结果
<textarea name="output" id="output"></textarea> 这段代码什么意思
根据代码写一个jQuery交互数据,使用到ajax
JsonPath测试 输入
<label for="json_path">JsonPath 语法:</label> <input type="text" name="json_path" id="json_path"> 关于json语法请看这里:JSONPath expressions <form onsubmit="submitForm(); return false;"> <textarea name="json_data" id="json_data"></textarea> <input type="submit" value="提交"> </form> 输出结果
<textarea name="output" id="output"></textarea> 这段代码什么意思
输入
<label for="json_path">JsonPath 语法:</label> <input type="text" name="json_path" id="json_path">输出结果
<textarea name="output" id="output"></textarea>- 粉丝: 23
- 资源: 2万+
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- IPQ4019 QSDK开源代码资源包发布
- 高频组电赛必备:掌握数字频率合成模块要点
- ThinkPHP开发的仿微博系统功能解析
- 掌握Objective-C并发编程:NSOperation与NSOperationQueue精讲
- Navicat160 Premium 安装教程与说明
- SpringBoot+Vue开发的休闲娱乐票务代理平台
- 数据库课程设计:实现与优化方法探讨
- 电赛高频模块攻略:掌握移相网络的关键技术
- PHP简易简历系统教程与源码分享
- Java聊天室程序设计:实现用户互动与服务器监控
- Bootstrap后台管理页面模板(纯前端实现)
- 校园订餐系统项目源码解析:深入Spring框架核心原理
- 探索Spring核心原理的JavaWeb校园管理系统源码
- ios苹果APP从开发到上架的完整流程指南
- 深入理解Spring核心原理与源码解析
- 掌握Python函数与模块使用技巧