validation form input ajax before submit

Question

I have tried to make the data input form but when an empty input form can still be saved when in press save and how when the input is empty then it will not be save.

this is my form code: 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();
    }
  });
});

What do you mean by "it will not be save"? Are you getting a specific error message? Is there no error message but the data does not get saved? Is the data being saved in a malformed format? — Robert Columbia
– Robert Columbia, Commented Jul 23, 2016 at 5:14
if input empty I want can not be saved, but in my problem an empty input form can still be saved — saiful
– saiful, Commented Jul 23, 2016 at 5:24

Bijender Singh Shekhawat · Accepted Answer · 2016-07-23 05:22:21Z

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

answered Jul 23, 2016 at 5:22

Bijender Singh Shekhawat

4,5922 gold badges33 silver badges37 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Taron · Accepted Answer · 2016-07-23 05:40:34Z

0

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

after you need check each value:

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

or

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

answered Jul 23, 2016 at 5:40

Taron

3293 silver badges19 bronze badges

Collectives™ on Stack Overflow

validation form input ajax before submit

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related