如何验证ajax中的输入文本字段？ [英] How to validation of input text field in ajax?

问题描述

我的JavaScript代码如下：

  $。ajax（{
 url：base_url +agent_control / manage_booking / get_pax，
 type：post，
 data：{id：id}，
 success：function（data）{
 App.unblockUI b var code = JSON.parse（data）; 
 var isitable; 
 var j; 
 for（var i = 0; i< code.length; i ++）{
j = i + 1; 
 isitable + =''; 
 isitable + ='< td>'+ code [i] .transactionpax_title +''+ code [i] .transactionpax_firstname + + code [i] .transactionpax_lastname +'< / td>'; 
 isitable + ='< td>< input type =textid =tiket_number _'+ i +'class =form-必须/>< / td>'; 
 isitable + ='< / tr>'; 
} 
 isitable + ='< tr>< td& < td>< input type =buttonvalue =Submitclass =btn blue dropdown-toggle submit_tiket_numberid ='+ id +'data ='+ code.length + '/>< / td>< / tr>'; 
 $（＃data_tiket_number）。find（tbody）。html（isitable）; 
 $（'＃data_tiket_number'）。modal（'show'）; 
} 
}）; 
  

在这里查看：< input type =textid =tiket_number_ '+ i +'class =form-control required/>

我在文本输入中需要添加。但是它不工作
如果文本输入为空，当我单击提交没有所需的消息

任何解决方案来解决我的问题？

非常感谢

解决方案

你必须做三件事：

1. 确保表格周围有表格


2. 移动必需跳出类


3. 将按钮类型从按钮更改为提交

检查演示 - 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 =textid =tiket_number _'+ i +'class =form-controlrequired />< / td> 
 isitable + ='< / tr>'; 
} 
 isitable + ='< tr>< td>& nbsp;< / td>< td>< input type =submitvalue =Submitclass = btn blue dropdown-toggle submit_tiket_numberid ='+ id +'data ='+ code.length +'/>< / td>< / tr>'; 
  

My javascript code is like this :

$.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');
    }
});

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

I had add required in text input. But it's not working If the text input is empty, when I click submit there was no message required

Any solution to solve my problem?

Thank you very much

解决方案

You have to do three things:

1. make sure you have form around your table
2. move required out of the class
3. change your button type from button to submit

Check demo - 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>';

这篇关于如何验证ajax中的输入文本字段？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！