Question

我有http://jsfiddle.net/3ztrpvwx/1/这个小提琴，在其中，我单击一个按钮以添加带有一些输入的div。

如果用户尝试添加另一个输入字段而不填充现有输入按钮，我需要通知用户。

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="button" id="add_destination" value="add new" />
<div id="desti_div"></div>

var $i = $("<i>").addClass("exit far fa-times-circle");
$i.click(function (e) {
  deleteTrackingNumber("xqaK3NOiywXfKd2i3HG6Fm8HyMK2", trackingNumberInstance);
});
$("body").append($i);

该代码当前未检测到输入是否为空。

Answer 1

认为您应该遍历字段并检查每个字段是否为空字符串，可能应该在其中添加修饰符以确保没有空格

 $( "#add_destination" ).on( "click", function(e) {
    e.preventDefault();
         count = Math.floor(Math.random() * 78955) + 147;

         let bEmpty = false;
         $('[name="added_dest]').each( function( i, el) {
            if ( el.value == '') {
                bEmpty = true;
                return false; // break out of each
            }
         })

         if ( bEmpty) {
            alert('empty detected');
            return; // don't do it !
         }
         else {
            alert('not empty');
         }


    $("#desti_div").append("<div class='tmar'><div class='form-group col-md-6 getspace'><label><i class='gicon fas fa-circle'></i> New Destination</label><input class='form-control input-lg form-field' type='text' id='added_dest"+count+"' name='added_dest' placeholder='New Destinaton' ><a href='' class='gored'><span class='form-control-feedback'></span>Delete</a></div><br/></div>");

});

输入字段为空时禁用添加按钮

1 个答案: