2016-02-25 85 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 –