在表体上进行ajax更新后，Javascript验证不起作用

我有以下代码。我所做的是，当我按下组合框的更改时，我调用下面的

Ajax

。这段代码的作用是，它是一个

ajax函数

，调用

PHP

，用新内容重新填充表体。唯一的问题是，

Javascript验证

在此之后不起作用

$("#vID").change(function() { 
                
    if(this.value >0){
        var selectedVID = this.value;
        var selectedNumber = $('#vID option:selected').text();
        Swal.fire({
                title: '<strong>Loading  .....</strong>',
                type: 'info',
                html: '',
                //timer: 2000,
                onBeforeOpen: () => {
                    Swal.showLoading()
                    
                },    
        });
        $.ajax({
            type: "POST",                
            url: 'reminder.php',
            data: {vID:selectedVID},
            dataType: 'html',
            timeout: 600000,
            success: function (data) {
                $('#vReminderSettings tbody').html("");
                $('#vReminderSettings tbody').append(data);
                
                let timerInterval;
                Swal.fire({
                        title: 'Successfully Loaded',
                        type: 'success',
                        showConfirmButton: false,
                        timer: 300,
                        onBeforeOpen: () => {
                            

                            timerInterval = setInterval(() => {
                                
                            }, 100)
                        },
                        onClose: () => {
                            clearInterval(timerInterval)
                        }
                });
            },
            error: function (e) {
                Swal.fire({
                    title: 'Error:'+e.responseText,
                    type: 'warning',
                    showConfirmButton: false,
                    timer: 2000,
                    onBeforeOpen: () => {
                        

                        timerInterval = setInterval(() => {
                            
                        }, 100)
                    },
                    onClose: () => {
                        clearInterval(timerInterval)
                    }
                });
            }
        });
        
    }
});

。所有这些工作都做得很好

桌子上有我的密码

<div class="row">
    <div class="col-12">
        <div class="card">
            <div class="card-body">
                <h4 class="card-title">List</h4>
                <h6 class="card-subtitle"></h6>
                <div class="table-responsive m-t-40">
                    <table id="vReminderSettings" class="display nowrap table table-hover table-striped table-bordered" cellspacing="0" width="100%">
                        <thead>
                            <tr>
                                <th class="datatable-nosort">No.</th>                                               
                                    <th>Distance(km)</th>                                                                                       
                            </tr>
                        </thead>
                        <tbody id="vReminderSettingsBody">
                            <tr>
                            <td><div class="form-group row">
                            <label class="control-label text-right col-md-3">
                            <span class="text-danger">*</span></label>
                            <div class="col-md-6">
                            <input type="text" name="distance1" class="form-control" min="1000" max="80000" required="" data-validation-containsnumber-regex="(\d)+" data-validation-containsnumber-message="No Characters Allowed, Only Numbers" aria-invalid="false">
                            <small class="help-block"></small></div>
                            </div>
                            <input type="hidden" name="existOptionReminder1" id="existOptionReminder1" value="checked">
                            </td>
                            </tr>
                        </tbody>
                    </table>
                    <button type="submit" class="btn btn-info" name="Update" value="Update">Update</button>
                </div>
            </div>   
        </div>
    </div>
</div>

列表
不
距离（公里）
*
更新

我故意在默认情况下留下这一行

<tr>
    <td>
        <div class="form-group row">
            <label class="control-label text-right col-md-3">
                <span class="text-danger">*</span>
            </label>
            <div class="col-md-6">
                <input type="text" name="distance1" class="form-control" min="1000" max="80000" required="" data-validation-containsnumber-regex="(\d)+" data-validation-containsnumber-message="No Characters Allowed, Only Numbers" aria-invalid="false">
                <small class="help-block"></small>
            </div>
        </div>
        <input type="hidden" name="existOptionReminder1" id="existOptionReminder1" value="checked">
    </td>
</tr>

*

---

这个很好用。但是当我调用

Ajax

来填充相同的内容时，数据验证就不起作用了。如何在

Ajax

之后重新绑定或使

Javascript

工作？

你能更精确一些吗。什么验证部分不工作？@sandepmodak确保这部分非常具体@sandepmodak在我将文本框留空或放入一些无法验证的字符时具体一些，并提醒我。@sandepmodak知道如何操作吗解决这个问题？输入的javascript验证代码在哪里？

<tr>
    <td>
        <div class="form-group row">
            <label class="control-label text-right col-md-3">
                <span class="text-danger">*</span>
            </label>
            <div class="col-md-6">
                <input type="text" name="distance1" class="form-control" min="1000" max="80000" required="" data-validation-containsnumber-regex="(\d)+" data-validation-containsnumber-message="No Characters Allowed, Only Numbers" aria-invalid="false">
                <small class="help-block"></small>
            </div>
        </div>
        <input type="hidden" name="existOptionReminder1" id="existOptionReminder1" value="checked">
    </td>
</tr>