使用JS判断是否数字和小数点组合的数字的两中方法比较(isNaN和逐判断)
作者:bea
下面例举如下:如果大家有更好的方法的话望大家提出更好的方法。 一:isNaN方法: isNaN()的意思是非数字,里面传入数字的话就返回false,传入的不是数字的话就返回true [空的话也是返回true,一个点也是返回true,点个数字组合返回的是false,说明是数字] 代码如下: <script language="JavaScript"> function testNan(){ if(isNaN('xxx')){ alert('true');
下面例举如下:如果大家有更好的方法的话望大家提出更好的方法。
一:isNaN方法:
isNaN()的意思是非数字,里面传入数字的话就返回false,传入的不是数字的话就返回true
[空的话也是返回true,一个点也是返回true,点个数字组合返回的是false,说明是数字]
代码如下:
<script language="JavaScript">
function testNan(){
if(isNaN('xxx')){
alert('true');
}else{
alert('false');
}
}
</script>
-------------------------------例子-----------------------------
<html>
<head>
<script language="JavaScript">
function isNumber(){
var btnObj=document.getElementById("idTel");
var strValue=btnObj.value;
if(!isNaN(strValue)){
alert("是数字和数点");
}else{
alert("请输入数字或数字与小数点组合的数字!");
}
}
</script>
</head>
<body>
<form action="" method="post" name="">
<input type="text" name="tel" id="idTel" value="">
<input type="button" name="isNum" value="提交" onclick="isNumber()">
</form>
</body>
</html>
[Ctrl+A 全选 注:
如需引入外部Js需刷新才能执行]
二:逐个比较的方法。
直接举例子了:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>
<script language=javascript>
function isNumber(String){
var Letters = "1234567890."; //可以自己增加可输入值
var i,c;
if(String.charAt( 0 )=='-' || String.charAt( String.length - 1 ) == '-'){
return false;
}
for( i = 0; i < String.length; i ++ ){
c = String.charAt( i );
if (Letters.indexOf( c )<0){
return false;
}
}
return true;
}
function doBtn(){
var btnObj=document.getElementById("idTest");
var strValue=btnObj.value;
if(isNumber(strValue)){
alert("yes");
}else{
alert("no");
}
}
</script>
<BODY>
<form name="form">
<input type=text name="test" id="idTest" value="" >
<input type=button name="" title="点击" value="btn" onclick="doBtn();">
</form>
</BODY>
</HTML>
[Ctrl+A 全选 注:
如需引入外部Js需刷新才能执行]
总结:第2中方法如果一直输入的都是小数点的话提示是正确的。而第1中不会。只要你是不符合数字的格式,他就不会让你通过。
有用 | 无用
一:isNaN方法:
isNaN()的意思是非数字,里面传入数字的话就返回false,传入的不是数字的话就返回true
[空的话也是返回true,一个点也是返回true,点个数字组合返回的是false,说明是数字]
代码如下:
<script language="JavaScript">
function testNan(){
if(isNaN('xxx')){
alert('true');
}else{
alert('false');
}
}
</script>
-------------------------------例子-----------------------------
<html>
<head>
<script language="JavaScript">
function isNumber(){
var btnObj=document.getElementById("idTel");
var strValue=btnObj.value;
if(!isNaN(strValue)){
alert("是数字和数点");
}else{
alert("请输入数字或数字与小数点组合的数字!");
}
}
</script>
</head>
<body>
<form action="" method="post" name="">
<input type="text" name="tel" id="idTel" value="">
<input type="button" name="isNum" value="提交" onclick="isNumber()">
</form>
</body>
</html>
[Ctrl+A 全选 注:
如需引入外部Js需刷新才能执行]
二:逐个比较的方法。
直接举例子了:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>
<script language=javascript>
function isNumber(String){
var Letters = "1234567890."; //可以自己增加可输入值
var i,c;
if(String.charAt( 0 )=='-' || String.charAt( String.length - 1 ) == '-'){
return false;
}
for( i = 0; i < String.length; i ++ ){
c = String.charAt( i );
if (Letters.indexOf( c )<0){
return false;
}
}
return true;
}
function doBtn(){
var btnObj=document.getElementById("idTest");
var strValue=btnObj.value;
if(isNumber(strValue)){
alert("yes");
}else{
alert("no");
}
}
</script>
<BODY>
<form name="form">
<input type=text name="test" id="idTest" value="" >
<input type=button name="" title="点击" value="btn" onclick="doBtn();">
</form>
</BODY>
</HTML>
[Ctrl+A 全选 注:
如需引入外部Js需刷新才能执行]
总结:第2中方法如果一直输入的都是小数点的话提示是正确的。而第1中不会。只要你是不符合数字的格式,他就不会让你通过。
有用 | 无用
猜你喜欢
您可能感兴趣的文章:
- 学习JS面向对象成果 借国庆发布个最新作品与大家交流
- JQuery与Ajax常用代码实现对比
- Jquery 设置标题的自动翻转
- jQuery animate效果演示
- JavaScript CSS 通用循环滚动条
- 签名框(Textarea)限制文字数量并适时提示
- 点击下载链接 弹出页面实现代码
- 点击文章内容处弹出页面代码
- js类的静态属性和实例属性的理解
- XmlUtils JS操作XML工具类
- 点击按钮后 文本框变为Select下拉列表框
- JavaScript 自动在表格前面增加序号
- PPK 谈 JavaScript 的 this 关键字 [翻译]
- 一个JS小玩意 几个属性相加不能超过一个特定值.
- javascript String split方法误操作
- IE FF OPERA都可用的弹出层实现代码
- javascript 表单验证常见正则
- javascript 页面划词搜索JS
- jquery 模式对话框终极版实现代码