form表单为空校验js实现

function notNull(id) {
	var flag = true;  
    var data = jQuery("#"+id+" input[notNull]"); 
    var textareaData = jQuery("#"+id+" textarea[notNull]");
    data = jQuery.merge(data,textareaData);//合并集合
    var project;
    data.each(function(){
    	project = $(this);
    	
    	
   		if($(this).val()==""){ 
   			/* $.messager.alert('', $(this).attr('notNull')+"不能为空!", 'warning', function() {
   				
       		 }); */
       		alert($(this).attr('notNull')+"不能为空!");
   			project.focus();//聚焦
   			flag = false;   
   			return flag; 
   		}  
    	//校验身份证、邮箱
    	/* if($(this).attr("validateId")=="true"){
    		if(isIdentityCard($(this).val())==false){
    		   $(this).focus(); 
    		   flag = false;  
               return flag;  
    		}
    	}else if($(this).attr("validateEmail")=="true"){
    		if(isEmail($(this).val(),project)==false){
 			   flag = false;  
               return flag;  
     		}
    	} */
        if ($(this).attr("type")=="checkbox"){  
            var name = $(this).attr("name");  
            if ($("input:checked[:checkbox][name='"+name+"']").length==0){  
            	/* $.messager.alert('', $(this).attr('notNull')+"不能为空!", 'warning', function() {
            		project.focus();//聚焦
	       	   });  */
	       		alert($(this).attr('notNull')+"不能为空!");
	   			project.focus();//聚焦
            	flag = false;   
            	return flag; 
            }  
        }  
    });  
   if(!flag) return flag;
    var selectData = jQuery("#"+id+" select[notNull]");  
    selectData.each(function(){  
        if(isEmpty($(this).val())){  
        	/* $.messager.alert('', $(this).attr('notNull')+"不能为空!", 'warning', function() {
        		project.focus();//聚焦
      		 });  */
      		alert($(this).attr('notNull')+"不能为空!");
    		project.focus();//聚焦
        	flag = false;   
        	return flag; 
        }  
    });  
    return flag;  
}

function save() {
	if(!notNull('form')) {
		return false;
	}
}



<form id="form">
		
			<table class="wideTable">
				<tr>
					<td width="100px">联系人</td><td><input name="contact" notNull="联系人"/></td>
					<td width="100px">联系电话</td><td><input name="mobile" notNull="联系电话"/></td>
				</tr>
				<tr>
					<td width="100px" colspan="2"><input name="name1" type="button" value="保存" onclick="save();"></td>
					<td width="100px" colspan="2"><input type="button" name="name2"
									value="返回" onclick=""/></td>
				</tr>
			</table>
		</form>

猜你喜欢

转载自newjava-sina-cn.iteye.com/blog/2412184