前台页面对表单的方法

/* 清除表单内的数据 */
function clearFormDate(){
$("#tableForm").find('input[type="text"]').val(''); //清除text类型的input中的内容
$("#tableForm").find('select').val(''); //清除下拉框的内容
$("#tableForm").find('textarea').val(''); //清除文本域的内容
};


/* 展示表单中的数据 */
function showFormDate(emp_id){
$.ajax({
url:"/getEmloyeeInfo",
type:"POST",
dataType: "json",
data:{"emp_id":emp_id,},
success:function(data){
//格式化时间
if(data.leave_time!=null){
data.leave_time=new Date(data.leave_time).format("yyyy-MM-dd");
}
//为表单内容赋值
$("#tableForm").find('input,select,textarea').each(function(){ //注意：使用此语句，form表单中name属性的值需要与后台传来的一直
var modelName=$(this).attr('name');
if(modelName){
$(this).val(data[modelName]);
}
});
}
});
}


/* 将表单中的数据封装为一个对象 */
function getFormDate(){
//传入一个对象，遍历对象下面所有含有 modelName 的input,并把他们转换成一个对象
var data={};
$('#tableForm').find('input,select,textarea').each(function(){ //获取表单内所有的input、select和textarea
var model=$(this).attr('name'); //获取带有name属性的对象
if(model){
if($(this).val()!=""){
data[model]=$(this).val();
}
}
});
return data;
};