当值为初始值时，在新行末尾放置错误消息

Put error message when value is initial at the end of the new row

本文关键字：错误 消息 新行末      更新时间：2023-09-26

我有内联创建表，也就是说，你点击添加行，它打开可编辑行，你可以在可编辑行中放置数据，在可编辑行中有保存按钮。

当用户单击按钮保存按钮('#btnsubmit')时，我想如果属性名称是初始的，在表行右侧添加红色的错误信息，我不知道怎么做，知道吗?

td><input id="btnsubmit" type="submit" value="Create" class="btn btn-default" /></td><td></tr>';
        function addRow() {
            if ($('#btnsubmit').length == 0) {
                jQuery(html).prependTo('#data-table');
                $('#btnsubmit').click(function () {
                $('#checkBox1').attr('disabled', 'true');
                $('input').attr('readonly', true);
                $('input[type=checkbox]').attr('readonly', true);
                });
            }
        }

 var html = '<tr><td>@Html.TextBox("name")</td><td>@Html.CheckBox("checkBox1")</td>input id="btnsubmit" type="submit" value="Create" class="btn btn-default" /></td><td></tr>

更新
$('#btnsubmit').click(function () {
            $(".errmsg").remove();
            $(".err").removeClass('err');
            var row = $(this).parent();
            var nameval = document.getElementById('name');
            var val = nameval.value;
            if (val.trim().length < 1) {
                nameval.addClass('err');
                var err = $("<div class='errmsg'>field empty</div>");
                row.after(err);

在nameval.addClass('err')行;我在inspect元素中出现了错误unouget错误:undefined不是一个函数，你知道吗?

这是你想要的。

http://jsfiddle.net/GHw9q/3/

基本上我将addnew-button click处理程序更新为:

 $('.addnew-button').click(function(){
        $(".errmsg").remove();
        $(".err").removeClass('err');            
        var _row = $(this).parent();
        var _input = _row.children('.data-category');
        if (_input.val().trim().length<1) {
            _input.addClass('err');
            var _err = $("<div class='errmsg'>field empty</div>");
            _row.after(_err);
        }
        else {
            $(this).remove();
            initRowEvents(jQuery(document));
        }
    });

并添加了一些css..看看…如果您有任何问题，请告诉我。

如果使用变量html:

var html = '<tr><td>@Html.TextBox("name")</td><td>@Html.CheckBox("checkBox1")</td><td><input id="btnsubmit" type="submit" value="Create" class="btn btn-default" /></td></tr>';

注意，首先，我已经修复了变量..中的一些错误

代码应该与上面相同，只有_input变量应该改为:

   var _input = _row.find('input').filter(":first");

**这计数你的'name'输入字段是第一个输入在tr..

相关文章：