2016-07-23 63 views
-1

我試圖做出數據輸入表單,但是當在保存時仍然可以保存空的輸入表單時,以及輸入爲空時如何保存不會保存。驗證表單在提交前輸入ajax

這是我的表單代碼: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(); 
    } 
    }); 
}); 
+0

你是什麼意思「它不會被保存」?您是否收到特定的錯誤訊息?是否沒有錯誤消息但數據未保存?數據是否以格式不正確的格式保存? –

+0

如果輸入爲空我想要保存,但在我的問題中仍然可以保存一個空的輸入表單 – saiful

回答

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