jQuery獲取操作Form 資訊

  • 2019 年 12 月 12 日
  • 筆記

入職寫的第一個功能某塊,在新的流程系統中添加一個日程提醒功能,基礎框架是基於 ASP.NET MVC 5的底層框架,前端使用了 Layui 來處理樣式。在處理時,遇到了空值判斷這個問題,需要用jQuery 來獲取 Form 的數據,並對其進行操作和判斷。

var form = $("#ScheduleInfo").serializeArray();  for (var item in form) {      //console.log(form[item].name + " is " + form[item].value);      if (form[item].name == "ScheduleTitle" && form[item].value== "")      {          layer.msg("標題不能為空", { icon: 2, time: 1000, shade: [0.2, '#000', true] });          return false;      }      if (form[item].name == "ScheduleContent" && form[item].value == "") {          layer.msg("內容不能為空", { icon: 2, time: 1000, shade: [0.2, '#000', true] });          return false;      }  }

說明:

  • $("#ScheduleInfo").serializeArray(); 將form 獲取為 序列化的json 。
  • form[item].name Json 是以鍵值對的形式進行拼接的。

Tags: