Php 单击仅执行一次函数

我有一个带有按钮的表单，其id为

calbtn

。

表单

有两个

输入

字段，其ID分别为

input1

和

input2

单击

callbtn

后，我想检查输入是否为空。如果输入为空，则显示警报框（其id为

failurebox

），否则提交表单。 但此函数在第一次执行时仅执行一次。再次单击时，

callbtn

不执行检查功能。如果我第二次将

input1

或

input2

中的任何一个留空

请帮我解决这个问题。我不熟悉使用jQuery。请更正我下面的jquery代码

$(document).ready(function() {
    $("#calbtn").on('click', function() {
        if ($("#tempsp").val() == "" || $("#temppv").val() == "")
            $("#failurebox").show();
    });// end of click function 
});

我的HTML代码是

<form id="newlayerform" role="form" method="post" class="form-horizontal" >

<div class="form-group">
    <label for="tempsp" class="col-sm-4 control-label" style="color:red">Temp Set Point</label>
    <div class="col-sm-8">
        <div class="input-group">
            <input type="number" class="form-control" name="tempsp" id="tempsp" placeholder="Enter Temp Set Point">
            <div class="input-group-addon"><b>deg.Celcius</b></div>
        </div><!--end of input group--> 
    </div>
</div>

<div class="form-group">
    <label for="temppv" class="col-sm-4 control-label" style="color:red">Temp Process</label>
    <div class="col-sm-8">
        <div class="input-group">
            <input type="number" class="form-control" name="temppv" id="temppv" placeholder="Enter Temp Process">
            <div class="input-group-addon"><b>deg.Celcius</b></div>
        </div><!--end of input group--> 
    </div>
</div>

<button type="button" class="btn btn-success btn-lg btn-block" id="calbtn" name="calbtn">Calculate</button>

</form>

 <div id="failurebox" class="alert alert-warning" style="display:none">
         <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        Failure
    </div>

温度设定点
塞尔修斯度
临时过程
塞尔修斯度
算计
&时代；
失败

不应提交该表格。使用

返回false

停止表单提交

$(document).ready(function() {
    $("#calbtn").on('click', function() {
        if (!$.trim($("#input1").val()) || !$.trim($("#input2").val())) {
            $("#failurebox").show();
        } else {
            $("#failurebox").hide();
        }

    }); // end of click function 
});

---

不应提交表格。使用

返回false

停止表单提交

$(document).ready(function() {
    $("#calbtn").on('click', function() {
        if (!$.trim($("#input1").val()) || !$.trim($("#input2").val())) {
            $("#failurebox").show();
        } else {
            $("#failurebox").hide();
        }

    }); // end of click function 
});

---

尝试以下方法：jquery检查输入是否为空：

$(document).ready(function() {
    $("#calbtn").on('click', function() {
        if (!$("#input1").val() || !$("#input2").val()) {
            $("#failurebox").show();

        }
    }); // end of click function 
});

我想我已经用这个让它工作了 我是这样做的：

$(document).ready(function() {
    $("#calbtn").click(function() {
        if (!$("#tempsp").val() || !$("#temppv").val())
        {
            $("#failurebox").show();
        }
        else{
            $("#failurebox").hide();
        }
    });// end of click function 
});

---

EDIT:my bad我犯了一个小错误，但现在已修复，现在应该可以工作了

尝试以下方法：jquery检查输入是否为空：

$(document).ready(function() {
    $("#calbtn").on('click', function() {
        if (!$("#input1").val() || !$("#input2").val()) {
            $("#failurebox").show();

        }
    }); // end of click function 
});

我想我已经用这个让它工作了 我是这样做的：

$(document).ready(function() {
    $("#calbtn").click(function() {
        if (!$("#tempsp").val() || !$("#temppv").val())
        {
            $("#failurebox").show();
        }
        else{
            $("#failurebox").hide();
        }
    });// end of click function 
});

---

编辑：我的错我犯了一个小错误，但现在已经修复了，现在应该可以工作了。

问题已经解决了

问题出在我的警报框里。我使用了带有关闭按钮的可解除警报框。当我第一次收到错误时，我只是关闭了我的警报框，这阻止了我第二次收到警报

---

单击功能工作正常，但问题是由于警报框造成的。

问题已解决

问题出在我的警报框里。我使用了带有关闭按钮的可解除警报框。当我第一次收到错误时，我只是关闭了我的警报框，这阻止了我第二次收到警报

---

---

单击功能工作正常，但问题是由于警报框。

是否可以显示html？是否可以显示html？是否可以显示html？仍不工作！！这与表格提交无关。当我第一次在输入1和输入2为空的情况下单击按钮并按下calbtn时，它会按预期显示错误警报框。这是我第二次在输入1中只输入文本，然后按callbtn。现在，没有错误警报框未显示。（这两种情况下都没有提交表单，这不是问题，因为我还没有为表单编写脚本）@sravankumar您正在删除并动态添加

calbtn

？抱歉，这不起作用，行为与以前相同。只工作第一次直到不工作！！这与表格提交无关。当我第一次在输入1和输入2为空的情况下单击按钮并按下calbtn时，它会按预期显示错误警报框。这是我第二次在输入1中只输入文本，然后按callbtn。现在，没有错误警报框未显示。（这两种情况下都没有提交表单，这不是问题，因为我还没有为表单编写脚本）@sravankumar您正在删除并动态添加

calbtn

？抱歉，这不起作用，行为与以前相同。只工作第一次直到不工作！！这与表格提交无关。当我第一次在输入1和输入2为空的情况下单击按钮并按下calbtn时，它会按预期显示错误警报框。这是我第二次在输入1中只输入文本，然后按callbtn。现在，没有错误警报框未显示。（这两种情况下都没有提交表单，这不是问题，因为我还没有为表单编写脚本）@sravankumar您正在删除并动态添加

calbtn

？抱歉，这不起作用，行为与以前相同。仅第一次工作直到我第一次按下按钮进行检查，当我第二次按下按钮（仅输入一个输入）时，它不会检查。您确定没有在某处解除单击事件的绑定吗？只有我在你的问题中看到的代码应该可以工作，你能把你的html添加到问题中，这样我就可以在它上面尝试JSFIDLE你的failurebox是什么样子的？它是一个div，一个标签，它不在你的htmlits中是一个div（引导警报）。你想让我把它放在我无法关闭警报（没有给我x选项来关闭警报）的位置吗？我第一次按下按钮时，它仍在检查，当我第二次按下按钮时（只输入一个输入），它不检查。你确定你没有在某处解除单击事件的绑定吗？只有我在你的问题中看到的代码应该可以工作，你能把你的html添加到问题中，这样我就可以在它上面尝试JSFIDLE你的failurebox是什么样子的？它是一个div，一个标签，它不在你的htmlits中是一个div（引导警报）。你想让我把它放在我无法关闭警报（没有给我x选项来关闭警报）的位置吗？我第一次按下按钮时，它仍在检查，当我第二次按下按钮时（只输入一个输入），它不检查。你确定你没有在某处解除单击事件的绑定吗？只有我在你的问题中看到的代码应该可以工作，你能把你的html添加到问题中，这样我就可以在它上面尝试JSFIDLE你的failurebox是什么样子的？它是一个div，一个标签，它不在你的htmlits中是一个div（引导警报）。你想让我把它放在我无法关闭警报的位置吗（不给我x选项来关闭警报）