使用JavaScript验证复选框或者其他控件的inside

分享于 

2分钟阅读

Web开发

  繁體 雙語

介绍

通常情况下,在客户端上验证 checkbboxes。文本框或者 dropdownboxes inside 是一个 DataGrid。 在本文中,我们将看到如何做到这一点。

Background

在这里我提供了一个示例,该示例在提交页面之前查找是否至少检查了一个复选框。 页面上有3 个 DataGrid,每个复选框的数量都是动态确定的。

使用代码

获取复选框 inside 选中状态的JavaScript函数具有:

function getCheckedDetails(index,result, datagridname)
{
 var id = datagridname + "__ctl" + index + "_chkSelect1" ; 
 if(document.getElementById(id))
 {
 if(document.getElementById(id).checked == true)
 {
 result = "F" ;
 } 
 if(result == "F")
 {
 return result ;
 }
 else {
 index = index + 1 ;
 result = getCheckedDetails(index, 'T',datagridname);
 }
 }
 return result ; 
}

这里JavaScript函数由 ValidateSubmit() 函数调用:

function ValidateSubmit()
{
 var resultL1 = getCheckedDetails(2,'T','L1') ;
 var resultL2 = getCheckedDetails(2,'T','L2') ;
 var resultL3 = getCheckedDetails(2,'T','L3') ;
 if(resultL1 == "T" && resultL2 == "T" && resultL3 == "T")
 {
 alert("Select atleast one checkbox");
 returnfalse;
 }
}

这里函数被添加到后面代码的提交按钮的属性中。

btnSubmit.Attributes.Add("onclick","return ValidateSubmit()")

Points of Interest

同样的方法可以用来验证客户端 DataGrid 中的任何类型的控制。


相关文章