第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全，請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問(wèn)題，去搜搜看，總會(huì)有你想問(wèn)的

通過(guò)檢查每個(gè)動(dòng)態(tài)創(chuàng)建的文本框是否為空來(lái)防止表單提交

通過(guò)檢查每個(gè)動(dòng)態(tài)創(chuàng)建的文本框是否為空來(lái)防止表單提交

PHP
慕田峪9158850 2024-01-19 15:18:20
這里我試圖在提交之前檢查每一個(gè)dynamically創(chuàng)建的textboxes是否是。emptyform這是HTML代碼，<form><table class="table table-hover table-white">  <thead>    <tr>        <th class="col-sm-1">Test ID</th>        <th class="col-md-6">Test Name</th>        <th style="width:100px;">Amount</th>        <th> Action</th>    </tr>  </thead>  <tbody id="rows">    <tr>        <td> <input class="form-control test_id" type="text" style="width:200px" id="test_id" onblur="checkname(this);" onkeyup="checkname(this);" onchange="checkname(this);"> </td>        <td> <input  type="text" style="width:300px" class="form-control test_name"  readonly="" id="test_name"  onblur="checkname();" onkeyup="checkname();" onchange="checkname();"></td>        <td> <input  type="text" style="min-width:100px" class="form-control amount" name="amount" readonly=""> </td>        <td><center> <a href="javascript:void(0)" class="text-success font-18" title="Add" id="add"><i class="fa fa-plus"></i></a> </center> </td>     </tr>  </tbody></table>                                                                                                                           <span id="test_id_info" class="info text-danger"></span><div class="row">   <div class="col-md-12">       <div class="form-group">          <label>Other Information</label>          <textarea class="form-control" id="description"></textarea>        </div>    </div></div>                                                     <div class="text-center m-t-20">  <input type="button" class="btn btn-primary submit-btn" name="pay"value="Generate Invoice" id="pay"></div></form>我想檢查一下test_id textbox是empty. 在動(dòng)態(tài)生成之前textboxes，已經(jīng)有一行textboxesinclude test_id textbox。我的問(wèn)題是，在生成之前，它通過(guò)使用檢查textboxas或不檢查，但在生成之后它不會(huì)檢查。我不知道我哪里錯(cuò)了。emptyfunction請(qǐng)幫助我，我將不勝感激。
查看完整描述

2 回答

?
ABOUTYOU

TA貢獻(xiàn)1812條經(jīng)驗(yàn) 獲得超5個(gè)贊

不使用 elementID，而是使用類名來(lái)獲取元素集合并迭代它們。我們這里遇到的問(wèn)題是所有輸入都具有相同的 id，因此 jquery 將返回它找到的第一個(gè)元素并忽略其余元素，因?yàn)槭褂?ID 我們假設(shè)它在整個(gè) DOM 中是唯一的


function checkname(el){


}

$(document).ready(function(){


var count=0;

$(document).on('click','#add',function() {

debugger;

count++; 


var html= '';

html += '<tr id="trrows">';


html += '<td id="testid"> <input id="test_id" class="form-control test_id" type="text" style="width:200px" onblur="checkname(this);" onkeyup="checkname(this);" onchange="checkname(this);" onblur="sum(this);" onkeyup="sum(this);" onchange="sum(this);"> </td>';


html += '<td id="testname"> <input id="test_name"  type="text" style="width:300px" class="form-control test_name"  readonly="" onblur="checkname();" onkeyup="checkname();" onchange="checkname();"> </td>';


html += '<td id="amounts">  <input id="amount" name="amount" type="text" style="min-width:150px" class="form-control amount"  readonly="" > </td>';


html += '<td><center> <a href="javascript:void(0)" class="text-danger font-18 remove" title="Remove" id="remove"><i class="fa fa-trash-o"></i></a></center> </td>';


html +=  '</tr>';

$('#rows').append(html);

  

});


$(document).on('click','.remove',function() {

$(this).closest("#trrows").remove();


});


});


//  generate bill 


$(document).on('click', '#pay', function () {


var test_id = new Array();

$('input[id="test_id"]').each(function() {

test_id.push(this.value);

});


var amount = new Array();

$('input[name="amount"]').each(function() {

    amount.push(this.value);

});


var p_id = $('#p_id').val();

var pres_id = $('#pres_id').val();

var description=$('#description').val();


var valid;

valid = validateContact();


if (valid) {

alert('invoice generated')

   

};


// check validations

function validateContact() {

debugger;

    var valid = true;

    $(".demoInputBox").css('background-color', '');

    $(".info").html('');


//list of test_id inputs

var testIdList = 

document.getElementsByClassName('test_id')

for(let i= 0 ; i<testIdList.length; i++){

    if (!testIdList.item(i).value) {

    $("#test_id_info").html("(Required)");

    $("#test_id").css('background-color', '#FFFFDF');

    valid = false;

        }

        }

  

    return valid;

}


});

<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.14.0/css/all.min.css" rel="stylesheet"/>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<form>

<table class="table table-hover table-white">

  <thead>

    <tr>

        <th class="col-sm-1">Test ID</th>

        <th class="col-md-6">Test Name</th>

        <th style="width:100px;">Amount</th>

        <th> Action</th>

    </tr>

  </thead>

  <tbody id="rows">

    <tr>

        <td> <input class="form-control test_id" type="text" style="width:200px" id="test_id" onblur="checkname(this);" onkeyup="checkname(this);" onchange="checkname(this);"> </td>

        <td> <input  type="text" style="width:300px" class="form-control test_name"  readonly="" id="test_name"  onblur="checkname();" onkeyup="checkname();" onchange="checkname();"></td>

        <td> <input  type="text" style="min-width:100px" class="form-control amount" name="amount" readonly=""> </td>

        <td><center> <a href="javascript:void(0)" class="text-success font-18" title="Add" id="add"><i class="fa fa-plus"></i></a> </center> </td> 

    </tr>

  </tbody>

</table>

                                                                 

                                                          

<span id="test_id_info" class="info text-danger"></span>


<div class="row">

   <div class="col-md-12">

       <div class="form-group">

          <label>Other Information</label>

          <textarea class="form-control" id="description"></textarea>

        </div>

    </div>

</div>

                                                     

<div class="text-center m-t-20">

  <input type="button" class="btn btn-primary submit-btn" name="pay"value="Generate Invoice" id="pay">

</div>


</form>


查看完整回答
反對(duì) 回復(fù) 2024-01-19
?
長(zhǎng)風(fēng)秋雁

TA貢獻(xiàn)1757條經(jīng)驗(yàn) 獲得超7個(gè)贊

使用類、名稱或其他屬性代替 id，因?yàn)槟卸鄠€(gè)具有相同 id 的元素 - 它總是會(huì)產(chǎn)生問(wèn)題。如果您需要在提交之前檢查“text_id”類的輸入，請(qǐng)嘗試更改驗(yàn)證功能


function validateContact() {

    var valid = true;

    $(".demoInputBox").css('background-color', '');

    $(".info").html('');


    $('.text_id').map(function(i, el){        

        if(!$(el).val() || $(el).val().trim() == '') {

            valid = false;

            $("#test_id_info").html("(Required)");

            $(el).css('background-color', '#FFFFDF');

        }

    });

  

    return valid;

}


查看完整回答
反對(duì) 回復(fù) 2024-01-19
  • 2 回答
  • 0 關(guān)注
  • 176 瀏覽

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購(gòu)課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

 幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

 公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)