如何验证该字段大于仅检查特定按钮

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)) {

斯菲德尔