在asp.net mvc中使用jquery从html文本框加载HTML gridview

Question

    $('#btnAddPhysicians').click(function () {

        var rowCount;
        rowCount = $('#gvPhysicians tr').length;
        if ($('#txtDoctorName').val() != '' && $('#gvPhysicians').length > 1) {
            $('#gvPhysicians').after('<tr><td>' + rowCount + '</td>' +
                '<td>' + $('#txtDoctorName').val() + '</td>' +
                '<td>' + $('#txtSpecialty').val() + '</td>'); 
            $('#divContainer').find('input:text').each(function () {
                $('input:text[id=' + $(this).attr('id') + ']').val('');
            }
            );
        }
        else alert('Invalid!');
    });

现在我在 jquery 中编写了这个函数，但它总是执行 else 语句“无效”

html文本框和gridview的代码如下

   <div class="form-group">
                <div class="tab-custom-content">
                    <label for="menu_name">Please list ALL active treating physicians (i.e. pulmonologist, oncologist, internist, cardiologist, etc)</label>
                </div>
                <div class=" row">
                    <div class="col-sm-4">
                        <label for="menu_name">Doctor’s Name</label>
                        <input type="text" class="form-control" id="txtDoctorName" name="txtDoctorName">
                    </div>
                    <div class="col-sm-4">
                        <label for="menu_name">Specialty</label>
                        <input type="text" class="form-control" id="txtSpecialty" name="txtSpecialty">
                    </div>
                    <div class="col-sm-4">
                        <br />
                        <button type="submit" id="btnAddPhysicians" class="btn btn-outline-primary">ADD</button>
                    </div>
                </div>
                <div class=" row">
                    <section class="content">
                        <div class="card">
                            <div class="card-header">

                            </div>

                            <!-- /.card-header -->
                            <div class="card-body">
                                <div id="gvPhysicians" class="jsgrid" style="position: relative; height: 100%; width: 200%;">
                                    <div class="jsgrid-grid-header jsgrid-header-scrollbar">
                                        <table class="jsgrid-table">
                                            <tr class="jsgrid-header-row">
                                                <th class="jsgrid-header-cell jsgrid-header-sortable" style="width: 400px;">Doctor's Name</th>
                                                <th class="jsgrid-header-cell jsgrid-align-right jsgrid-header-sortable" style="width: 250px;">Specialty</th>
                                            </tr>
                                        </table>
                                    </div>
                                    <!-- /.card-body -->
                                    <!-- /.card -->
                                </div>
                            </div>
                        </div>
                    </section>
                </div>
                <div class=" row">
                    <button type="submit" id="btnNext1" class="btn btn-outline-primary">Next</button>
                </div>       
            </div>

我想在单击 btnAddPhysicians 时将 txtDoctorName 值和 txtSpecialty 显示到 gridview 列。我在 MVC 5 中执行此操作并为此使用 jquery。

Answer 1

我刚刚添加了Length >== 1，因为它每次都返回Length = 1。