扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
var va = java_1.fen_02.value;
创新互联专注为客户提供全方位的互联网综合服务,包含不限于网站设计、做网站、福鼎网络推广、微信小程序开发、福鼎网络营销、福鼎企业策划、福鼎品牌公关、搜索引擎seo、人物专访、企业宣传片、企业代运营等,从售前售中售后,我们都将竭诚为您服务,您的肯定,是我们最大的嘉奖;创新互联为所有大学生创业者提供福鼎建站搭建服务,24小时服务热线:028-86922220,官方网址:www.cdcxhl.com
var patrn=/^\d{0,5}$/;
if (!patrn.test(va)) {
alert ("您必须输入0到99999的整数");
java_1.fen_02.focus();
return false;
}
这是 正则表达式 方法 非常好用 你试下看看
1、在js检验对非数字进行数字转换的时候。比如:parseInt('runningSnail'),返回NaN。
2、在做数学元算的时候,有参与计算的元素为NaN或者计算结果是非数字,那么结果都会为NaN而判断是否为NaN,不能简单的使用。因为这样返回的都是false。js这样检验第一天的值小于第二天的值小于第三天的值。
html
head
title利用javascript检验表单输入/title
script language="javascript"
!--
/*
所有输入框 点击时都会调用该函数
该函数通过 button 的 name 属性来决定具体调用那个函数进行检测
比如
INPUT name=1 onclick=runtest(this.form,this) type=button value="输入"
该元素 触发 onclick 事件时 会调用 runtest 函数 并传递 该元素所在的表单 即 this.form
和 元素自身 即 this
此时 该元素的name属性的值为 1 runtest 函数会通过该值来调用 testbox1函数
testbox1 函数是用来检测邮箱
testbox2 函数是用来检测 输入的值是否为 5个字符内容
testbox3 函数是用来检测 输入的值是否为 请输入3个以上的字符
testbox4 函数使用来检测 输入的值是否为 任意字符 (不包括空白)
*/
function runtest(form,button)
{ret=false;
// 通过确定是那个元素并调用指定的检测函数之后 检测函数会按照检测结果返回 true 或false 赋值给 ret 变量
// 该函数会通过 ret 的最终值来判断 输入的是否正确
if(button.name=="1")ret=testbox1(form); // 检测邮箱时传递 表单对象
if(button.name=="2")ret=testbox2(form);
if(button.name=="3")ret=testbox3(form);
if(button.name=="4")ret=testbox4(form);
if(ret)
alert("成功输入!");
}
function testbox1(form) // 该函数接受表单对象之后
{ctrl=form.inputbox1; // 获取该表单中的 name属性为 inputbox1 的对象 就是输入邮箱的输入框
if(ctrl.value==""||ctrl.value.indexOf('@',0)==-1) // 通过他的值来判断邮箱格式是否正确 如果不正确则弹出
{validateprompt(ctrl,"请输入一个合法的email地址") // 这个提示框
return(false); // 返回 false
}else
return(true); // 匹配成功 则返回 true
}
// 从下列起每个函数是用来判断那里的 在上面都已说明过了
function testbox2(form)
{ctrl=form.inputbox2;
if(ctrl.value.length!=5)
{validateprompt(ctrl,"请输入5个字符")
return(false);
}else
return(true);
}
function testbox3(form)
{ctrl=form.inputbox3;
if(ctrl.value.length3)
{validateprompt(ctrl,"请输入一个3个或更多的字符")
return(false);
}else
return(true);
}
function testbox4(form)
{ctrl=form.inputbox4;
if(ctrl.value.length=="")
{validateprompt(ctrl,"请不要空")
return(false);
}else
return(true);
}
// 该函数不知道那里被调用了
// 参数: ctrl 是某一个元素对象 , promptstr 是提示的信息
// 函数被调用时 则会提示 promptstr 信息
// 提示后给 ctrl 对象获取焦点
function validateprompt(ctrl,promptstr)
{alert(promptstr)
ctrl.focus();
return;
}
--
/script
/head
body
table border=1 width=80% align=center bordercolor=gray
th
p/p
h2 align=center /h2
H2 align=center用javascript检验输入的合法性/H2
hr width=80% color=red
p/p
form name="test" action="" method=get
TABLE border=0 align=center cellPadding=1 cellSpacing=1 width="60%"
TR
TD请输入一个合法的email地址 /TD
TDINPUT name=inputbox1INPUT name=1 onclick=runtest(this.form,this) type=button value="输入"/TD/TR
TR
TD请仅输入5个字符内容/TD
TD
PINPUT name=inputbox2INPUT name=2 onclick=runtest(this.form,this) type=button value="输入"
/P/TD/TR
TR
TD请输入3个以上的字符/TD
TDINPUT name=inputbox3INPUT name=3 onclick=runtest(this.form,this) type=button value="输入"/TD/TR
TR
TD任意输入(不要空白)/TD
TDINPUT name=inputbox4INPUT name=4 onclick=runtest(this.form,this) type=button value="输入"/TD/TR/TABLE
p
p
p/p
/form/p
/th
/table
/body
/html
!--
一个小例子
--
html
head
script type="text/javascript"
//正确的帐号、密码
var u="admin",p="123456";
function lg()
{
var id1=document.getElementById("user");
var id2=document.getElementById("password");
var v1=id1.value,v2=id2.value;
if(u!=v1)
{
alert("帐号不存在,请重新输入!");
id1.value="";
id1.focus();
}
else if(p!=v2)
{
alert("密码不对,请重新输入!");
id2.value="";
id2.focus();
}
else
{
alert("正在登录!");
}
}
/script
/head
body
form
帐号:input type="text" id="user"/ br /
密码:input type="text" id="password"/ br /
input type="reset" value="清空" /
input type="button" value="登录" onclick="lg();"/
/form
/body
/html
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流