| |
|
开发:
C++知识库
Java知识库
JavaScript
Python
PHP知识库
人工智能
区块链
大数据
移动开发
嵌入式
开发工具
数据结构与算法
开发测试
游戏开发
网络协议
系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程 数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁 |
-> JavaScript教程 -> JavaScript 表单 -> 正文阅读 |
|
[JavaScript教程]JavaScript 表单 |
JavaScript 表单JavaScript 表单验证HTML 表单验证可以通过 JavaScript 来完成。 以下实例代码用于判断表单字段(fname)值是否存在, 如果不存在,就弹出信息,阻止表单提交: JavaScript 实例function validateForm() {
var x = document.forms["myForm"]["fname"].value;
if (x == null || x == "") {
alert("需要输入名字。");
return false;
}
}
以上 JavaScript 代码可以通过 HTML 代码来调用: HTML 表单实例<form name="myForm" action="demo_form.php" onsubmit="return validateForm()" method="post">
名字: <input type="text" name="fname">
<input type="submit" value="提交">
</form>
尝试一下 ? JavaScript 验证输入的数字JavaScript 常用于对输入数字的验证: HTML 表单自动验证HTML 表单验证也可以通过浏览器来自动完成。 如果表单字段 (fname) 的值为空, required 属性会阻止表单提交: 实例<form action="demo_form.php" method="post">
<input type="text" name="fname" required="required">
<input type="submit" value="提交">
</form>
尝试一下 ?
数据验证数据验证用于确保用户输入的数据是有效的。 典型的数据验证有:
大多数情况下,数据验证用于确保用户正确输入数据。 数据验证可以使用不同方法来定义,并通过多种方式来调用。 服务端数据验证是在数据提交到服务器上后再验证。 客户端数据验证是在数据发送到服务器前,在浏览器上完成验证。 HTML 约束验证HTML5 新增了 HTML 表单的验证方式:约束验证(constraint validation)。 约束验证是表单被提交时浏览器用来实现验证的一种算法。 HTML 约束验证基于:
约束验证 HTML 输入属性
完整列表,请查看 HTML 输入属性。 约束验证 CSS 伪类选择器
完整列表,请查看 CSS 伪类。 |
|
|
上一篇文章 下一篇文章 查看所有文章 |
|
开发:
C++知识库
Java知识库
JavaScript
Python
PHP知识库
人工智能
区块链
大数据
移动开发
嵌入式
开发工具
数据结构与算法
开发测试
游戏开发
网络协议
系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程 数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁 |
360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年12日历 | -2024/12/25 2:58:53- |
|
网站联系: qq:121756557 email:121756557@qq.com IT数码 |
数据统计 |