js验证

js验证:


<div>
<div id="errorDiv"></div>
<s:select id="type" name="type" list=""  headerKey=""  headerValue="请选择" listKey="masterindex"
        listValue="mastervalue" onchange="typeChange(this);"> </s:select>

<s:textarea id="content" name="content" cols="50" rows="6"  value="请输入内容"
        onfocus="if (value =='请输入内容'){value =''}" onblur="contentLostFocus(this);"></s:textarea>


<a href="javascript:void(0);" onclick="javascript:save();">提交</a>
</div>


<script type="text/javascript">

function save(){
 if(check()){
  //save
 }
}

//验证
function check(){
 var typeObj = document.getElementById(type");
 var contentObj = document.getElementById("content");
 
 typeChange(contentObj);
 typeLostFocus(typeObj);

       contentMsg(contentObj);
       typeMsg(typeObj);

 var result = (result_type=="0")&& (result_content=="0");
    return result;
}

//类型的验证
var result_Type = "";
function typeChange(typeObj){
 var typeId = DWRUtil.getValue("type");
 if(typeId==""||typeId==0){
  result_type="1";
 }else{
  result_type="0";
 }
 typeMsg(typeObj);
}


function typeMsg(typeObj){
 if(result_type=="0"){
  setMessage('',true,"",typeObj.value);
 }else{
  setMessage('',false,"请填写问题类型",""); 
 }
 typeObj.focus();
}

 

//内容的验证
var result_content = "";
function contentLostFocus(contentObj){
 clearElement(contentObj,"请输入内容");
 if(contentObj.value==""){
  result_content = "1";
 }else{
  result_content = "0";
 }
 contentMsg(contentObj);
}
function contentMsg(contentObj){
 if(result_content=="0"){
  setMessage('',true,"",contentObj);
 }else{
  setMessage('',false,"请输入内容","");
  contentObj.focus();
 }
}


function setMessage(id,isRight,innerStr,defaultStr){
 var errorDivObj=document.getElementById("errorDiv");
  document.getElementById(errorDivObj.id).style.display = "block";
 if(isRight){
  document.getElementById(errorDivObj.id).innerHTML = "";
 }else{
  document.getElementById(errorDivObj.id).innerHTML = innerStr;
 }
}

function clearElement(obj,defaultStr){
 if(obj.value==defaultStr){
  obj.value="";
 }
}
</script>

你可能感兴趣的:(js验证)