如何检查该字段是否大于仅在检查特定按钮时才有效

Question

对不起，我的假人问题，但我对JQuery不熟悉。我只想在用户单击特定按钮时检查字段值是否大于其他字段值。我的表单上有两个按钮，用于提交具有不同按钮值的值。这是我不知道如何编写的JavaScript代码：

$(document).ready(function(){
    // If click on DKV button, check thaht field prix_total > litrage
    // else if click on GR, do not check that prix_total > litrage
    $("#creer_carburant_DKV").click(function(){
        var price = $("#prix_total").val();
      var liter = $("#litrage").val();
        if (price > liter){
        // send the form
      }else{
        alert("The price must be greater than liter");
      }

     $("#creer_carburant_GR").click(function(){
        // If prix_total is not set, define to 0
    });

这是JSFiddle上的有效示例：https://jsfiddle.net/04mpbfcx/

Answer 1

出现问题时，您需要停止提交表单。使用另一个事件而不是单击按钮。像这样：

<script>
$(document).ready(function(){
    $("#creer_carburant_DKV").click(function(){
        var price = $("#prix_total").val();
        var liter = $("#litrage").val();
        if (Number(price) > Number(liter)){
            // send the form
        }else{
            alert("The price must be greater than liter");
            event.preventDefault(); // This causes the submit event to be canceled
        }
    });
});
</script>

Answer 2

您的if语句正在比较两个字符串而不是数字。您只需将价格和公升转换为数字，就可以了。

if (Number(price) > Number(liter)) {

jsfiddle