<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>表单验证</title>
</head>
<body>
<div>
<form name="myform" οnsubmit="return cheForm()">
请输入姓名:<input name="myname" type="text">(不允许为空值)<br>
请输入年龄:<input name="myage" type="text">(必须是阿拉伯数字)<br>
请输入密码:<input name="mypassword" type="password">(必须是6位)<br>
填重复密码:<input name="mypassword1" type="password">(和上面一致)<br>
填备注说明:<textarea name="myremark"></textarea><br>
<input name="sub" type="submit" value="提交">
</form>
</div>
<script type="text/javascript">
function isNumber(oNum){
if(!oNum){
return false;
}
var strP=/^\d+(\.\d+)?$/;
if(!strp.test(oNum)){
return false;
}
try{
if(parseFloat(oNum)!=oNum){
return false;
}
}catch(ex){
return false;
}
return true;
}
function cheForm(){
alert("---26---");
var myname=document.myform.myname.value;
if(myname==""){
alert("姓名不允许为空");
return false;
}
var myage=document.myform.myage.value;
if(!isNumber(myage)){
alert("年龄必须是阿拉伯数字");
return false;
}
var mypassword=document.myform.mypassword.vlaue;
var mypassword1=document.myform.mypassword1.value;
if(mypassword.length!=6){
alert("密码必须是6位");
return false;
}
if(mypassword!=mypassword1)
{
alert("两次输入的密码不一致");
return false;
}
}
function jj(){
alert("--51--");
return false;
}
</script>
</body>
</html>
javaScript表单验证
最新推荐文章于 2019-02-24 23:39:11 发布