Dotcpp  >  编程教程  >  JavaScript入门  >  初步演示JS—验证输入

初步演示JS—验证输入

点击打开在线编译器,边学边练

JavaScript:验证输入

JavaScript 还常用于验证用户的输入。如判断是否是数字

if isNaN(x) {
     alert("不是数字");
 }

以上实例只是普通的验证,如果要在生产环境中使用,需要严格判断,如果输入的空格,或者连续空格 isNaN 是判别不出来的。可以添加正则来判断(后续章节会说明):

if(isNaN(x)||x.replace(/(^\s*)|(\s*$)/g,"")==""){
     alert("不是数字");
 }

 

实例代码:

<!DOCTYPE html>
 <html>
 <head> 
 <meta charset="utf-8"> 
 <title> C语言网(www.dotcpp.com)</title> 
 </head>
 <body>
    
 <h1>我的第一段 JavaScript</h1>
 <p>请输入数字。如果输入值不是数字,浏览器会弹出提示框。</p>
 <input id="demo" type="text">
 <script>
 function myFunction()
 {
    var x=document.getElementById("demo").value;
    if(isNaN(x)||x.replace(/(^\s*)|(\s*$)/g,"")==""){
      alert("不是数字");
    }
 }
 </script>
 <button type="button" onclick="myFunction()">点击这里</button>
    
 </body>
 </html>

运行结果:

当输入的是数字时

当输入的不是数字时




现在我们对JavaScript这门编程语言有了一定的了解,接下来我们将会了解到一些关于Js的小常识

 

你知道吗?

1.JavaScript 与 Java 是两种完全不同的语言,无论在概念上还是设计上。 Java(由 Sun 发明)是更复杂的编程语言。

2.ECMA-262 是 JavaScript 标准的官方名称。

3.JavaScript 由 Brendan Eich 发明。它于 1995 年出现在 Netscape 中(该浏览器已停止更新),并于 1997 年被 ECMA(一个标准协会)采纳。


ECMAScript 版本

JavaScript 已经由 ECMA(欧洲电脑制造商协会)通过 ECMAScript 实现语言的标准化。


ECMAScript 版本发布年份主要特性
ES52009严格模式、数组方法、JSON对象、属性描述符等
ES6(ES2015)2015块级作用域、箭头函数、类、模块、解构赋值、Promise、扩展的对象和数组功能等
ES7(ES2016)2016includes方法、指数运算符、Array.prototype.includes()、Array.prototype.flat()等
ES8(ES2017)2017async/await、Object.entries()、Object.values()、字符串填充方法、共享内存和原子操作等
ES9(ES2018)2018异步迭代器、Rest/Spread操作符、Promise.finally()、正则表达式命名捕获组等
ES10(ES2019)2019Array.prototype.flat()、Array.prototype.flatMap()、Optional Chaining、Nullish Coalescing运算符、Symbol.prototype.description属性等
ES11(ES2020)2020可选链操作符、Nullish 合并操作符、动态导入、BigInt、Promise.allSettled()等
ES12(ES2021)2021String.prototype.replaceAll()、Promise.any()、逻辑赋值操作符、私有字段等



本文固定URL:https://www.dotcpp.com/course/1239

JavaScript教程
第一章 JavaScript入门
第二章 JavaScript基础语法及数据类型
第三章 JavaScript函数
第四章 JavaScript类
第五章 JS高级教程
第六章 JS Window
第七章 JS库
Dotcpp在线编译      (登录可减少运行等待时间)