来自 电脑知识 2019-12-18 10:02 的文章
当前位置: 威尼斯国际官方网站 > 电脑知识 > 正文

复选框验证实现代码,表单验证

//验证性别(单选按钮验证)
function checkXb(){
var temp = false;
var xbObj1= document.getElementById("xb1");
var xbObj2= document.getElementById("xb2");
if(xbObj1.checked || xbObj2.checked){
temp = true;
}
return temp;
}
function checkform() {
//验证性别(单选按钮验证)
if(!checkXb()){
alert("请选择性别");
return false;
}
//验证人员类别(下拉框验证)
if(document.getElementById("lb").selectedIndex == 0){
alert("请选择人员类别");
return false;
}
}
// (复选框验证)判断是否选择了至少一个CheckBox.
function checkSelectedOne(cbxName){
var cbxs = document.getElementsByName(cbxName);
if(cbxs != null){
if(cbxs.length){
for(var i=0; i<cbxs.length; i++){
if(cbxs[i].checked) {
return true;
}
}
}else{
return cbxs.checked
}
}
return false;
}
if(!checkSelectedOne('xgjzh')){
alert("你没有选择!");
}

表单验证的步骤:
1、编写函数来进行验证
function valid()
{
//编写验证代码
return true;
}
2、在提交按钮中调用函数或者在表单提交事件中调用函数
onclick="return valid()"

您可能感兴趣的文章:

  • js实现不提交表单获取单选按钮值的方法
  • javascript实现点击单选按钮链接转向对应网址的方法
  • JS获取下拉框显示值和判断单选按钮的方法
  • js使用DOM设置单选按钮、复选框及下拉菜单的方法
  • js取消单选按钮选中并判断对象是否为空
  • js取消单选按钮选中示例代码
  • javascript 单选按钮 单击选中 双击取消选择实现代码
  • js 父页中的单选按钮取值
  • js获取单选按钮的数据
  • js简单获取表单中单选按钮值的方法

具体验证代码:
1)验证文本框、下拉框非空的方式
var obj=document.getElementById("元素id");
if(obj.value=="")
{
alert("xx不能为空!");
obj.focus();
return false;
}

2)验证单选框和复选框至少选中一项
a、给要验证的单选框或者复选框取同样的name
b、var objs=document.getElementsByName("你取的name");
var flag=false;
威尼斯国际官方网站 ,for(var i=0;i<objs.length;i++)
{
if(objs[i].checked)
{
flag=true;
break;
}
}
if(flag==false)
{
alert("xx至少选中一项");
return false;
}

本文由威尼斯国际官方网站发布于电脑知识,转载请注明出处:复选框验证实现代码,表单验证

关键词: