jquery – 如何验证ajax中的输入文本字段?

前端之家收集整理的这篇文章主要介绍了jquery – 如何验证ajax中的输入文本字段?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我的javascript代码是这样的:
  1. $.ajax({
  2. url:base_url+"agent_control/manage_booking/get_pax",type: "post",data: {id: id},success:function(data) {
  3. App.unblockUI();
  4. var code = JSON.parse(data);
  5. var isitable;
  6. var j;
  7. for(var i = 0; i < code.length; i++) {
  8. j = i + 1;
  9. isitable += '<tr>';
  10. isitable += '<td>'+code[i].transactionpax_title+' '+code[i].transactionpax_firstname+' '+code[i].transactionpax_lastname+'</td>';
  11. isitable += '<td><input type="text" id="tiket_number_'+i+'" class="form-control required" /></td>';
  12. isitable += '</tr>';
  13. }
  14. 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>';
  15. $("#data_tiket_number").find("tbody").html(isitable);
  16. $('#data_tiket_number').modal('show');
  17. }
  18. });

看这里:< input type =“text”id =“tiket_number_'i'”class =“form-control required”/>

我在文本输入中添加了必需项.但它不起作用
如果文本输入为空,当我单击提交时,不需要任何消息

解决我的问题的任何解决方案?

非常感谢你

解决方法

你必须做三件事:

>确保你的桌子周围有表格
>需要离开课堂
>从按钮更改按钮类型以提交

检查演示 – Fiddle

  1. for(var i = 0; i < code.length; i++) {
  2. j = i + 1;
  3. isitable += '<tr>';
  4. isitable += '<td>'+code[i].transactionpax_title+' '+code[i].transactionpax_firstname+' '+code[i].transactionpax_lastname+'</td>';
  5. isitable += '<td><input type="text" id="tiket_number_'+i+'" class="form-control" required/></td>';
  6. isitable += '</tr>';
  7. }
  8. 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>';

猜你在找的jQuery相关文章