2016-02-25 84 views
0

我的JavaScript代碼是這樣的:如何在ajax中驗證輸入文本字段?

$.ajax({ 
    url:base_url+"agent_control/manage_booking/get_pax", 
    type: "post", 
    data: {id: id}, 
    success:function(data) { 
     App.unblockUI(); 
     var code = JSON.parse(data); 
     var isitable; 
     var j; 
     for(var i = 0; i < code.length; i++) { 
      j = i + 1; 
      isitable += '<tr>'; 
      isitable += '<td>'+code[i].transactionpax_title+' '+code[i].transactionpax_firstname+' '+code[i].transactionpax_lastname+'</td>'; 
      isitable += '<td><input type="text" id="tiket_number_'+i+'" class="form-control required" /></td>'; 
      isitable += '</tr>'; 
     } 
     isitable += '<tr><td>&nbsp;</td><td><input type="button" value="Submit" class="btn blue dropdown-toggle submit_tiket_number" id="'+id+'" data="'+code.length+'" /></td></tr>'; 
     $("#data_tiket_number").find("tbody").html(isitable); 
     $('#data_tiket_number').modal('show'); 
    } 
}); 

看吧:<input type="text" id="tiket_number_'+i+'" class="form-control required" />

我已經加入文本輸入要求。但它不起作用 如果文本輸入是空的,當我點擊提交時,沒有消息需要

任何解決方案來解決我的問題?

非常感謝您

+0

在這意義上這難道不是工作? – RRK

+0

如果你有'input.required'的一些事件處理程序,那麼我建議你使用適當的事件委託。像'$(文件)。在( '事件', 'input.required',函數(){});' – RRK

+0

@RejithRKrishnan,在我看來,這是行不通的,因爲在阿賈克斯 –

回答

1

你必須做三兩件事:

  1. 確保你有表格的表
  2. 移動required各地出類
  3. 改變你的按鈕類型從buttonsubmit

檢查演示 - Fiddle

for(var i = 0; i < code.length; i++) { 
    j = i + 1; 
    isitable += '<tr>'; 
    isitable += '<td>'+code[i].transactionpax_title+' '+code[i].transactionpax_firstname+' '+code[i].transactionpax_lastname+'</td>'; 
    isitable += '<td><input type="text" id="tiket_number_'+i+'" class="form-control" required/></td>'; 
    isitable += '</tr>'; 
} 
isitable += '<tr><td>&nbsp;</td><td><input type="submit" value="Submit" class="btn blue dropdown-toggle submit_tiket_number" id="'+id+'" data="'+code.length+'" /></td></tr>'; 
+0

非常感謝。 –

+0

我看不到這個問題 –

+0

http://stackoverflow.com/questions/36126170/how-to-implement-redis-in-codeigniter –