js获得form表单的值$('#form1').serializeObject()/serialize()/serializeArray对比及判断表单中是否有输入框未输入值

Posted 2020-12-10 天空之云

1、$("#form1").serialize()

     把form表单的值序列化成一个字符串，如username=admin&password=admin123

 

2、$("#form1").serializeObject()

     把form表单的值序列化成一个json对象，如{username：admin，password：admin123}

   JSON.parse()

    将字符串解析成Json对象

 

[javascript] view plain copy

var str = ‘{"key1": "value1","key2": "value2","key3": "value3"}‘;  
var obj = JSON.parse(str);  
  JSON.stringify()

  将Json对象解析成字符串

 

[javascript] view plain copy

var str = JSON.stringify(obj);  
 
3、$("#form1").serializeArray()

     把form表单的值序列化成一个数组，如[ {username：admin，password：admin123},  {username：admin，password：admin123} ]

 

 

4、判断表单中是否有输入框未输入值

var params = $("#form1").serializeObject();
params.image = JSON.stringify(imagePath);
var blnFlag = true;
for(var key in params){
if(!params[key]){
blnFlag = false;
}
}
if(blnFlag){ alert("都输入了值");else{alert("有输入框未输入值");}