Fatal编程技术网
  • javascript/
  • Javascript 多个输入框-alertifyjs/Jquery

Javascript 多个输入框-alertifyjs/Jquery

javascript jquery html

Javascript 多个输入框-alertifyjs/Jquery,javascript,jquery,html,dialog,confirmation,Javascript,Jquery,Html,Dialog,Confirmation,我正在尝试使用alertifyjs创建一个具有多个输入框的提示对话框。我已经创建了一个对话框来显示多个对话框，但我似乎无法引用用户提供的输入 我想写一个if语句，当他们按下OK时，它根据用户输入执行操作。但是，OK按钮似乎不起作用，if语句也不起作用。我不确定我可能做错了什么，有人能帮帮我吗 下面是我的代码： <!DOCTYPE html> <html> <head> <link rel="stylesheet" href="//cdn.jsd

我正在尝试使用alertifyjs创建一个具有多个输入框的提示对话框。我已经创建了一个对话框来显示多个对话框，但我似乎无法引用用户提供的输入

我想写一个if语句，当他们按下OK时，它根据用户输入执行操作。但是，OK按钮似乎不起作用，if语句也不起作用。我不确定我可能做错了什么，有人能帮帮我吗

下面是我的代码：

<!DOCTYPE html>
<html>
<head>
     <link rel="stylesheet" href="//cdn.jsdelivr.net/npm/alertifyjs@1.11.1/build/css/alertify.min.css"/>
    <link rel="stylesheet" href="//cdn.jsdelivr.net/npm/alertifyjs@1.11.1/build/css/themes/bootstrap.min.css"/>
    <script src="//cdn.jsdelivr.net/npm/alertifyjs@1.11.1/build/alertify.min.js"></script>


</head>

<body> 

<div style="display:none;" >
    <div id="dlgContent">
        <p> Enter Value One </p>
        <input class="ajs-input" id="inpOne" type="text" value="Input One Default Value"/> 

        <p> Enter Value Two </p>
        <input class="ajs-input" id="inpTwo" type="text" value="Input two default Value"/> 

    </div>
</div>

<!-- the script  -->

<script>
  var dlgContentHTML = $('#dlgContent').html();

$('#dlgContent').html(""); 
alertify.confirm(dlgContentHTML).set('onok', function(closeevent, value) { 
                    var inpOneVal = $('#inpOne').val();
                    var inpTwoVal = $('#inpTwo').val();
                    updateListItems(inpOneVal,inpTwoVal);   
                  if (inpOneVal == "test" && inpTwoVal == "test") {
                      alertify.success('Successful');
                   } else {
                      alertify.error('Wrong')

                    }
                }).set('title',"Update");
 </script>

</body>   
</html>


输入值1

输入值2

var dlgContentHTML=$（'#dlgContent'）.html（）；
$（'#dlgContent'）.html（“”）；
alertify.confirm（dlgContentHTML）.set（'onok'，函数（closeevent，值）{
var inpOneVal=$（'#inpOne'）.val（）；
var inptowal=$（'#inptower'）.val（）；
updateListItems（inpOneVal、inptowal）；
如果（inpOneVal==“测试”&&inpTwoVal==“测试”）{
alertify.success（“成功”）；
}否则{
alertify.error（'错误'）
}
}).set（“标题”、“更新”）；
链接到JSFIDLE:

在脚本中，您调用名为
updateListItems（inpOneVal，inptowal）的函数

由于该函数没有在任何地方声明，因此会出现错误，因此暂时注释掉该函数后，它就可以工作了

堆栈片段




输入值1

输入值2

var dlgContentHTML=$（'#dlgContent'）.html（）；
$（'#dlgContent'）.html（“”）；
alertify.confirm（dlgContentHTML）.set（'onok'，函数（closeevent，值）{
var inpOneVal=$（'#inpOne'）.val（）；
var inptowal=$（'#inptower'）.val（）；
//updateListItems（inpOneVal、inptowal）；
如果（inpOneVal==“测试”&&inpTwoVal==“测试”）{
alertify.success（“成功”）；
}否则{
alertify.error（'错误'）
}
}).set（“标题”、“更新”）；

在脚本中调用名为
updateListItems（inpOneVal，inptoweval）的函数

由于该函数没有在任何地方声明，因此会出现错误，因此暂时注释掉该函数后，它就可以工作了

堆栈片段




输入值1

输入值2

var dlgContentHTML=$（'#dlgContent'）.html（）；
$（'#dlgContent'）.html（“”）；
alertify.confirm（dlgContentHTML）.set（'onok'，函数（closeevent，值）{
var inpOneVal=$（'#inpOne'）.val（）；
var inptowal=$（'#inptower'）.val（）；
//updateListItems（inpOneVal、inptowal）；
如果（inpOneVal==“测试”&&inpTwoVal==“测试”）{
alertify.success（“成功”）；
}否则{
alertify.error（'错误'）
}
}).set（“标题”、“更新”）；

@Jackie好极了：）我还有一个问题，我想这可能有点牵强，因为我无法提供太多的代码，因为我不知道如何尝试。请你看一看，看看你是否能帮忙@Jackie会晚一点，需要离开这里一段时间…检查时告诉你，谢谢-我会指望你的。谢谢你到目前为止的帮助：）@Jackie你的问题超出了so的范围，需要做更多的工作才能回答，写下所有的代码。我看你已经有人开始帮忙了。尽可能让它们保持温暖：）。。然后，如果这不能帮助你解决问题，试着把它分解成更小的问题。@Jackie Great to be:）我还有一个问题，我想可能有点牵强，因为我无法提供太多的代码，因为我不知道如何尝试。请你看一看，看看你是否能帮忙@Jackie会晚一点，需要离开这里一段时间…检查时告诉你，谢谢-我会指望你的。谢谢你到目前为止的帮助：）@Jackie你的问题超出了so的范围，需要做更多的工作才能回答，写下所有的代码。我看你已经有人开始帮忙了。尽可能让它们保持温暖：）。。然后，如果这不能帮助你解决问题，试着把它分解成更小的问题。