js jquery 常用表单校验

        在做web项目开发中，用户填写表单信息后，需要进行动态校验，而且几乎所有的系统的校验大同小异，都是对html表单中的元素就行简单的验证，所有正好趁这段时间项目轻松，整理一下校验代码，以后可以直接拿来用

表单元素类型：

文本框，单选按钮，复选框，下拉框，文本域

js的校验：

文本框：

document.getElementById("*****").value;

单选按钮：

function getradioval(radioname)   
{        
    var blackName = document.getElementsByName(radioname);       
    for(var i = 0; i < blackName.length; i++)   
    {   
       if(blackName[i].checked)   
       {   
          var a = blackName[i].value;   
          break;
       }   
    } 
 return a;  
}

复选框：

function getcheckval(radioname)   
{    
var strs ="";
    var blackName = document.getElementsByName(radioname);       
    for(var i = 0; i < blackName.length; i++)   
    {   
       if(blackName[i].checked)   
       {   
           if(i==0){
          strs = blackName[i].value;
           }else{
          strs += ","+blackName[i].value;
           }              
       }   
    } 
 return str;  
} 

下拉框：

document.getElementById("mySelect").options[myselect.selectedIndex].text
document.getElementById("mySelect").options[myselect.selectedIndex].value

文本域：

document.getElementById("*****").value;

jquery的校验：

文本框：

$("#*****").val();

单选按钮：

$("input[name=fruit]:checked").val();

复选框：

function getcheckval(name){
var strs="";
$("input[name="+name+"]:checked").each(function(){
    if(strs)
         strs+=","+$(this).val();
    else
         strs = $(this).val();
    });
  return strs;
}

下拉框：

$("#mySelect").val()

$("#mySelect option:selected").text()

文本域：

$("#*****").val();