用js判断表单中的text password radio checkbox option等不能为空

链接A标签提交判断radio 选项的js判断提交

<script type="text/javascript">
function weixinbuy() {
//性别至少输入一项
  var sh = document.getElementsByName("sh");
  var len = sh.length;
  var res=0;
  for(i=0;i<len;i++) {
    if(sh[i].checked) {
   res+=1;
}
  }
  if(res==0) {
    alert("请选项性别");
return false;
  }
   
} 
</script>
  
 
<p>
性别:男:<input type="radio" name="sh" value="男"/>
女:<input type="radio" name="sh" value="女"/>
</p>
<a  onclick="weixinbuy()"  >提交</a>

完整代码

<html>
<head>
<title>js的form表单常见的判断</title>
</head>
<script type="text/javascript">
function chk() {
//用户名的检测
  //这个不能少0,不然找不到,弹出undefined
   var user = document.getElementsByName("username")[0];
  if(user.value=='请输入用户名'||user.value=='') {
    alert("请输入用户名");
   }
   //密码的检测
   var pass = document.getElementsByName("passwd")[0];
   if(pass.value=='') {
    alert("请输入密码");
   }
   var compass = document.getElementsByName("passwdcfh")[0];
   if(compass.value=='') {
    alert("请输入确认密码");
   }
   //判断2个密码是否相等
  if(pass.value!=compass.value) {
    alert("两次密码输入的不一样,请重新输入");
   }
   //性别至少输入一项
  var gender = document.getElementsByName("gender");
  var len = gender.length;
  var res=0;
  for(i=0;i<len;i++) {
    if(gender[i].checked) {
   res+=1;
}
  }
  if(res==0) {
    alert("请选项性别");
return false;
  }
  //爱好至少选择2项
  var hobby = document.getElementsByName("hobby");
  var hlen = hobby.length;
  var result = 0;
  for(var j=0;j<hlen;j++) {
    if(hobby[j].checked) {
  result+=1;
}
  }
  //alert(result);
  if(result<2) {
    alert("爱好至少选择2项");
return false;
  }
  //请选择城市
  var city = document.getElementByIdx_x("city");
  //alert(city.value);
  if(city.value=='请选择城市') {
    alert("请您选择一个城市");
return false;
  }
  //循环一下城市
  var citys = document.getElementByIdx_x("city").options;
  //alert(citys.length);
  citylen = citys.length;
  for(var h=0;h<citylen;h++) {
    alert(citys[h].value);//输出请选择城市 北京 香港 广州
  }
  
}
</script>
<body>
<h2>注册表单</h2>
<form method="post" onsubmit="return chk();">
<p>用户名:<input type="text" name="username" value="请输入用户名"/>&nbsp;
<input type="button" value="检测用户名" onclick="checkuser();"/>
</p>
<p>密码:<input type="password" name="passwd"/>&nbsp;
</p>
<p>确认密码:<input type="password" name="passwdcfh"/>&nbsp;
</p>
<p>
性别:男:<input type="radio" name="gender" value="男"/>
女:<input type="radio" name="gender" value="女"/>
春哥:<input type="radio" name="gender" value="春哥"/>
</p>
<p>爱好:<input type="checkbox" name="hobby"/>射箭<input type="checkbox" name="hobby"/>游泳
<input type="checkbox" name="hobby"/>滑雪
</p>
<p>喜欢的城市:
<select name="city" id="city"/>
   <option value="请选择城市">请选择城市</option>
   <option value="北京">北京</option>
   <option value="香港">香港</option>
   <option value="广州">广州</option>
</select></p>
<br/>

<input type="submit" value="提交"/>
</form>
</body>
</html>
1. 本站所有资源来源于用户上传和网络,如有侵权请邮件联系站长!245356668@qq.com
2. 您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容资源!
3. 如果你也有好源码或者教程,可以到审核区发布,分享有金币奖励和额外收入!
4. 本站提供的源码、模板、插件等等其他资源,都不包含技术服务请大家谅解!
5. 如有链接无法下载、失效或广告,请联系管理员处理,解压密码:我正青年 或者 www.5zqn.com
6. 本站资源售价只是赞助,收取费用仅维持本站的日常运营所需!
7. 本站不保证所提供下载的资源的准确性、安全性和完整性,源码仅供下载学习之用!
8. 如用于商业或者非法用途,与本站无关,一切后果请用户自负!
我正青年 » 用js判断表单中的text password radio checkbox option等不能为空

一家专门做精品素材的网站

加入VIP会员 联系站长