确认框 OK/Cancel 功能答案

【问题标题】：Confirm Box OK/Cancel Function确认框 OK/Cancel 功能
【发布时间】：2023-04-03 16:52:01
【问题描述】：

我只是一个初学者

我试图定义警报框的确定按钮单击功能。正如我在其他用户的问题中所读到的一样。我想我应该你确认一下我尝试在下面的 OK/Cancel 脚本上创建相同的功能：-

(function(){
  $("label:contains('Truck No')").parent().next().find('input').blur(function(){
    var val=$("label:contains('Truck No')").parent().next().find('input').val();
    var obj=$("#KASHIPUR").find("option[value='"+val+"']");

    if(obj !=null && obj.length>0){
      return false;
    } else{
      confirm("TRUCK NUMBER IS NOT DEFINED\nPlease Enter A valid TRUCK NUMBER");
    }
  })
})();

{
  if (confirm("TRUCK NUMBER IS NOT DEFINED\nPlease Enter A valid TRUCK NUMBER") == true){
    (function(){
      if ($("label:contains('Vehical Type')").parent().next().find('input').val()==""){
        return false;
      } else
        ($("label:contains('Truck No')").parent().next().find('input').select())
    })
  } else {
    (function(){
      if ($("label:contains('Vehical Type')").parent().next().find('input').val()==""){
        return false;
      } else
        ($("label:contains('Truck No')").parent().next().find('input').select())
    })
  }
}

它不工作。我希望如果车辆类型不是空白，那么用户在我更新用户想要放置的数据列表中的选项值之前不能做任何事情

书签输入框后如下：-

<input id="__input14-inner" value="" type="text" class="sapMInputBaseInner" maxlength="10" autocomplete="OFF" list="KASHIPUR" placeholder="TRUCK NUMBER" style="text-transform: uppercase; font-size: 20px !important; background-color: white;">

书签

     $("label:contains('Truck No')").parent().next().find('input').attr({
        maxlength: "10",
        Autocomplete: "OFF",
        list: "KASHIPUR",
        Placeholder: "TRUCK NUMBER",
        style: "text-transform: uppercase"
        }).after('<Datalist ID=KASHIPUR></Datalist>');})();

var truck = new Array();
truck[0]='DL01GB2355';
truck[1]='HR38K1350';
truck[2]='HR38M4985';
truck[3]='HR46A9278';
truck[4]='HR51GA1620';
$(truck).ready( function() {
$(truck).each( function(index, item) {
    var option = $('<option value="'+item+'"></option>');
    $('#KASHIPUR').append(option);
});
});

请帮忙

对不起我的英语不好

【问题讨论】：

我不确定在这种情况下使用确认是否正确。在向用户提供是/否选项时使用确认。在您的原因中，文本似乎在指导用户在页面上执行操作，这更像是一个警报。那里真的没有是/否选项。他们需要在继续之前执行该操作。让他们说“不”是没有意义的。简单地告诉某人做某事更符合alert() 方法。
先生，我也用警报进行了测试。问题是，如果该值不是空白，则警报框会一次又一次地显示，我希望在单击警报框的确定后，应选择输入框，他正在输入我定义模糊功能的地方
您能否提供一个此脚本要运行的标记示例？
当然gist.githubusercontent.com/sachinsunny27/…
请在问题中。

标签： javascript jquery validation confirm html-datalist

【解决方案1】：

我试过这个

(function(){
        $("label:contains('Truck No')").parent().next().find('input').blur(function(){
       var val=$("label:contains('Truck No')").parent().next().find('input').val();
        var obj=$("#KASHIPUR").find("option[value='"+val+"']");
                 if(obj !=null && obj.length>0 || $("label:contains('Vehical Type')").parent().next().find('input').val()=="")
                 return false;
                 else
                    alert("TRUCK NUMBER IS NOT DEFINED\nPlease Enter A valid TRUCK NUMBER");
$("label:contains('Truck No')").parent().next().find('input').focusin().select();})})
();

它的工作但模糊功能在 chrome 中处于无限循环

我在这里读到的任何想法如何解决它是一个 chrome 错误

【讨论】：