JavaScript002，验证输入
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<p>检查输入的内容是否为数字</p>
<!-- 建立文本框输入内容，placeholder=''可以在里面输入提示信息 -->
<input type="text" name="" id="demo1" value="" placeholder="请输入内容" />
<!-- 点击按钮，执行myFunction()函数 -->
<button type="button" onclick="myFunction()">检查</button>
<!-- 输出结果 -->
<p id="demo2" style="color: red;"></p> <script type="text/javascript">
function myFunction(){
var x = document.getElementById('demo1').value;//获取input框内的值,也就是value
var y = document.getElementById('demo2');//获取p标签,方便输出结果
if(x==""||x==" "||isNaN(x)){//isNaN(x):检查X是否不为数字,不是就输出if,否则输入else
y.innerHTML='输入内容不是数字，重新输入！';
}
else{
y.innerHTML='输入正确！';
}
}
/* if(x==""||x==" "||isNaN(x))只能判断空值，一个空格，和非数字，
如果是多个空格或者特殊符号依然会判断错误，所以实际应用当中需要用到正则表达式； */
</script> <p>------------分割线------------</p>
<p>用正则表达式判断输入的内容是否为数字</p>
<!-- 建立文本框输入内容，placeholder=''可以在里面输入提示信息 -->
<input type="text" name="" id="demo3" value="" placeholder="请输入内容" />
<!-- 点击按钮，执行myFunction1()函数 -->
<button type="button" onclick="myFunction1()">检查</button>
<!-- 输出结果 -->
<p id="demo4" style="color: red;"></p> <script type="text/javascript">
function myFunction1(){
var a = document.getElementById('demo3').value;
var b = document.getElementById('demo4');
if(a.replace(/(^\s*)/,"")==""||isNaN(a)){
b.innerHTML='输入内容不是数字，重新输入！';
}
else{
b.innerHTML='输入正确！';
}
}
/* a.replace(/(^\s*)/,"")==""
这里表示以空格开头且有1个或多个空格，就会把值转换为==""空值，从而判断不是数字
^ 表示以某个字符开头
\s 表示空白字符 包括：空格、Tab、换行、回车
* 表示有一个或者多个同类型字符 其他复杂的正则还没研究过，这里只是简单例子
*/
</script>
</body>
</html>
JavaScript002，验证输入的更多相关文章
- js验证输入的金钱格式
<html> <head> <title>js验证输入的金钱格式</title> <script type="text/javascri ...
- PeopleEditor允许客户端输入的同时验证输入的内容
如何判断PeopleEditor的值为空 在sharepoint开发中,我们经常会用到PeopleEditor这一控件,最近我在写程序的时候用到了,开始的时候不知道怎么用,后来问题解决啦,现在写出 ...
- js 捕捉回车键触发登录，并验证输入内容
js 捕捉回车键触发登录,并验证输入内容 有时候我们会遇到 web 页面中捕捉按键,触发一些效果, 比如常见的回车键触发登录,并验证输入内容,下面会介绍,截图: 一.最简单的捕捉回车键:判断按下的是不 ...
- JavaScript：验证输入
<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content=&q ...
- WPF TextBox 验证输入
//验证输入为数字private void txt_time_KeyDown(object sender, KeyEventArgs e){ if (!((e.Key >= Key.D0 &am ...
- javascript不用正则验证输入的字符串是否为空(包含空格)
在项目中需要验证输入的字符串是否为空,包括空格,不太喜欢使用正则,所以就想到了js的indexOf函数,indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置,如果要检索的字符串值没 ...
- js验证输入的是否是数字，小数保留几位小数
1.验证方法 validationNumber(e, num) e代表标签对象,num代表保留小数位数 function validationNumber(e, num) { -]+\.?[-]*$ ...
- php验证输入字符串中含有非法字符
$pattern = "/(&|"|<|>|')+/"; preg_match($pattern, $media_name, $matches); ...
- javascript数字验证输入
javascript数字验证功能: <html> <body> <p>请输入数字.如果输入值不是数字,浏览器会弹出提示框.</p> <input ...
随机推荐
- 基于 Spring + Atomikos + Mybatis的多数据源配置（含有BaseDao,BaseService）
1.spring配置文件 <?xml version="1.0" encoding="UTF-8"?> <beans xmlns=" ...
- 4、2 java 使用es
1.导入依赖 <dependency> <groupId>org.springframework.boot</groupId> <artifactId> ...
- MySQL（六） 索引
索引与优化 1.选择索引的数据类型 MySQL支持很多数据类型,选择合适的数据类型存储数据对性能有很大的影响.通常来说,可以遵循以下一些指导原则: (1)越小的数据类型通常更好:越小的数据类型通常在磁 ...
- Oracle游标的简易用法
create or replace procedure NW_DelYW(iOPERATION_ID number, sUserID varchar2) is sCurDJBH yw_operatio ...
- 缓冲区Buffer和缓存区Cache的区别
1.buffer 将数据写入到内存里,这个数据的内存空间在Linux系统里一般被称为缓冲区(buffer),例如:写入到内存buffer缓冲区,即写缓冲. 为了提高写操作性能,数据在写入最终介质或下一 ...
- C#基础算法题 找出最大值和最小值
找出最大值和最小值 题目要求 输入n个数,n<=100,找到其中最小的数和最大的数 实现代码 using System; namespace _1.求最大最小 { class Program { ...
- pandas 索引笔记
import pandas as pd import numpy as np s = pd.Series(np.random.rand(5), index=list('abcde')) # 创建序列, ...
- GPIO输入—按键检测(开关控制小灯)
本次的代码全是在上次代码之上添加的. 1.user下新建文件夹key,新建bsp_key.h bsp_key.c文件. 2.keil项目添加bsp_key.c,魔术棒C/C++中include pat ...
- recover函数捕获异常
package main import ( //"fmt" "time" ) func test () { var m map[string]int m[&qu ...
- c# asp.net 实现分页(pager)功能
分页PagerHelper辅助类 using System;using System.Web; public class PagerHelper { #region 获取分页的Html代码 /// & ...