验证表单在提交前输入ajax

validation form input ajax before submit

本文关键字：输入 ajax 提交 表单 验证      更新时间：2023-09-26

我曾尝试制作数据输入表单，但当按下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();
    }
  });
});

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();
   }
}

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');
}
相关文章：