驗證表單在提交之前輸入ajax

Question

我試圖制作數據輸入表單，但是當在按Save時仍可以保存一個空的輸入表單時，以及如何在輸入為空時將不保存它。

這是我的表單代碼： https : //jsfiddle.net/bubyj5xj/

$(".btn_save_news_item").button().click(function() {
    var form = $("#form_news_item");
    var json = ConvertFormToJSON(form);
    $.ajax({
    type: "POST",
    contentType: "application/json",
    url: BASE_URL + "setting/news",
    data: JSON.stringify(json),
    success: function(response) {
      console.log(response);
      resetForm();
      reloadGrid();
    }
  });
});

Answer 1

var form = $("#form_news_item");  
if(form=="")
{
    alert("Please fill field");
}
else
{
   $.ajax({
   type: "POST",
   contentType: "application/json",
   url: BASE_URL + "setting/news",
   data: JSON.stringify(json),
   success: function(response) {
   console.log(response);
   resetForm();
   reloadGrid();
   }
}

Answer 2

form_text_arr = {'text': jQuery("form[name='put_ad_form']").serializeArray()};

在您需要檢查每個值之后：

 var reg=new RegExp(/^[A-Za-z0-9+*-]{1,10}$/);
if(reg.test(text.val)){
    .......
}

要么

if(text.val == ''){
  alert('please input text');
}