JavaScript验证页面

最新推荐文章于 2023-03-16 10:17:29 发布

南京_杨文

最新推荐文章于 2023-03-16 10:17:29 发布

阅读量607

点赞数

分类专栏： Web技术文章标签： javascript input stylesheet jsp html

本文链接：https://blog.csdn.net/japanstudylang/article/details/8086855

版权

Web技术专栏收录该内容

43 篇文章 0 订阅

订阅专栏

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>My JSP 'MyJsp.jsp' starting page</title>

<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">



<script type="text/javascript">
function validate(){
var username=document.getElementsByName("username")[0];
var password=document.getElementsByName("password")[0];
var gender=document.getElementsByName("gender");
//var interest123=document.getElementByName("interest");
// var comment=document.getElementByName("comment");

if(username.value.length<1){
     alert("用户名不能为空");
     return false;
}

if(password.value.length<1){
     alert("密码不能为空");
     return false;
}

if(username.value.length<4 ||username.value.length>10){
     alert("密码长度应该介于4到10之间");
     return false;
}

if(password.value.length<4 ||password.value.length>10){
     alert("密码长度应该介于4到10之间");
     return false;
}

if(!gender[0].checked && !gender[1].checked){
    alert("性别必须要选择");
    return false;
}

var   len=document.myform.interest.length;
var num=0;
for(var i=0;i<len;i++){
      if(document.myform.interest[i].checked   ==   true){
         num++;
      }
}
if(num>3){
    alert("兴趣最多选择三个！");
    return false;
}
if(num<1){
    alert("兴趣至少选择一个！");
    return false;
}

//      if(document.myform.interest[i].checked   ==   true){
//              alert("test");
//               return false;
//               }

/*
var n=0;
for(var i=0;i<interest123.length;i++){
   if(interest123[i].checked){
      n++;
   }
}
if(n<1){
    alert("兴趣至少选择一个！");
    return false;
}
if(n>3){
    alert("兴趣最多选择三个！");
    return false;
}
*/
//var len1=document.myform.comment.length;
//   alert(len1);
//   return false;
var text=document.myform.comment;
var textLen=0;
textLen=text.value.length;
if(textLen<20){
    alert("说明里面的文字不能少于20。");
    return false;
}
alert("javascript验证全部通过");
return false;
// return true;
}

</script>

</head>

<body>
   This is my JSP page.
   <br>
   
   
   <form name="myform" οnsubmit="return validate();">

       用户名:<input type="text" name="username"><br> 密码：<input
           type="password" name="password"><br> 性别：男<input
           type="radio" name="gender" value="男">  女<input
           type="radio" name="gender" value="女"><br> 兴趣：足球<input
           type="checkbox" name="interest" value="足球">   篮球<input
           type="checkbox" name="interest" value="篮球">   排球<input
           type="checkbox" name="interest" value="排球">   羽毛球<input
           type="checkbox" name="interest" value="羽毛球">   <br>
       地址： <select name="address">
           <option value="上海">上海</option>
           <option value="北京">北京</option>
           <option value="天津">天津</option>
       </select> <br> 说明：
       <textarea name="comment" rows="15" cols="20"></textarea>
       <br> <input type="submit" value="点击确认" ">  <input
           type="reset" value="重置">

   </form>

</body>
</html>

南京_杨文

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript验证页面

My JSP 'MyJsp.jsp' starting page -->function validate(){ var username=document.getElementsByName("username")[0]; var password=document.getElementsByName("passw
复制链接

扫一扫