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

Jquery 输入字段为空时禁用添加按钮,jquery,Jquery,我有一把小提琴,在它里面,我点击一个按钮来添加一个带有一些输入的div 如果用户试图添加另一个输入字段而不填充现有的输入按钮,我需要通知用户 var计数=0; $(“#添加#目的地”)。在(“单击”上,函数(e){ e、 预防默认值(); count=Math.floor(Math.random()*78955)+147; 如果($('[name=“added_dest')。为(':empty')){ 警报(“检测到空”); }否则{ 警报(“非空”); } $(“#desti_div”).a

我有一把小提琴,在它里面,我点击一个按钮来添加一个带有一些输入的div

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

var计数=0;
$(“#添加#目的地”)。在(“单击”上,函数(e){
e、 预防默认值();
count=Math.floor(Math.random()*78955)+147;
如果($('[name=“added_dest')。为(':empty')){
警报(“检测到空”);
}否则{
警报(“非空”);
}
$(“#desti_div”).append(“新目的地
”); }); $(文档).on('click','.gored',函数(e){ e、 预防默认值(); field_val=$(this).sides('[name=“added_dest”]').val(); 警报(字段值); $(this.parent().parent().remove(); });

您认为应该循环遍历字段并检查每个字段是否有空字符串,可能应该在其中添加一个修剪以确保没有空白

 $( "#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>");

});
$(“添加目的地”)。在(“单击”,功能(e){
e、 预防默认值();
count=Math.floor(Math.random()*78955)+147;
让空=假;
$('[name=“added_dest]”)。每个(函数(i,el){
如果(el.value=''){
空=真;
return false;//从每个
}
})
如果(空的){
警报(“检测到空”);
return;//不要这样做!
}
否则{
警报(“非空”);
}
$(“#desti_div”).append(“新目的地
”); });
作为一个有经验的SO用户,您应该知道,对于可以轻松表示为StackOverflow代码段的代码,外部代码引用是不需要的。代码中没有包含
[name=“added_dest'
的元素,而且选择器有语法错误(缺少结束
]
)。您只有在尝试检查元素是否为空后才能创建该元素。在元素出现之前,您如何检查它?早上好,哦,男孩,忽略了它。@connexo我想我太累了,太困了,一定是混淆了一些代码,忽略了其他代码。实际上,如果您想禁用按钮,您需要添加一些关键事件的处理,以检查field被更新并重新启用了buttonOh不要紧,数据中有一个bug——科尔多瓦让我的头旋转得不必要的快。