JavaScript 是一种属于网络的脚本语言, 已经被广泛用于 web 应用开发, 常用来为网页添加各式各样的动态功能, 为用户提供更流畅美观的浏览效果. 通常 JavaScript 脚本是通过嵌入在 html 中来实现自身的功能的.
表单验证可以通过 JavaScript 来完成:
以下示例代码用于判断表单字段 (Name) 值是否存在, 如果存在, 则弹出信息, 否则阻止表单提交:
- <!DOCTYPE HTML>
- <HTML>
- <head>
- <meta charset="UTF-8">
- <title>
- 表单验证
- </title>
- <script type="text/javascript">
- function myFunction() {
- var x = document.forms["Form"]["Name"].value;
- if (x = null || x == "") {
- alert("请输入名字!!");
- return false;
- }
- }
- </script>
- </head>
- <body>
- <form name="Form" action="#" onsubmit="return myFunction()" method="post">
- 名字:
- <input type="text" name="Name">
- <input type="submit" value="提交">
- </form>
- </body>
- </HTML>
JavaScript 验证输入的数字
示例:
- <!DOCTYPE HTML>
- <HTML>
- <head>
- <meta charset="UTF-8">
- <title>
- 验证输入的数字
- </title>
- </head>
- <body>
- <p>
- <strong>
- 请输入 1 到 10 之间的数字:
- </strong>
- </p>
- <input id="number">
- <button type="button" onclick="myFunction()">
- 提交
- </button>
- <script type="text/javascript">
- function myFunction() {
- var x = document.getElementById("number").value; // 获取 id="number" 的值
- // 如果输入的值 x 不是数字或者小于 1 或者大于 10, 则提示错误
- if (isNaN(x) || x < 1 || x > 10) {
- alert("您输入有误, 请输入 1 到 10 之间的数字!!!");
- } else {
- alert("您输入正确");
- }
- }
- </script>
- </body>
- </HTML>
JavaScript 常见用途:
嵌入动态文本于 HTML 页面.
对浏览器事件做出响应.
读写 HTML 元素.
在数据被提交到服务器之前验证数据.
检测访客的浏览器信息.
控制 cookies, 包括创建和修改等.
基于 Node.JS 技术进行服务器端编程.
来源: http://www.css88.com/qa/javascript/11640.html