验证表单在提交前输入ajax

Question

我试图创建数据输入表单，但是当按下保存时仍然可以保存空输入表单，以及当输入为空时它将如何保存。

这是我的表单代码：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

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

您需要检查每个值后：

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

或

basicHttpBinding