x = 600 y = 1000, если x <= y будет false?

Question

Каков правильный или правильный способ? Я смущен этим. Может кто-то сделать это правильно?

3digit <= 4digit является false
4digit <= 3digit является true

вы можете проверить его здесь: JSFiddle

<h2></h2> 
<form id="send" action="#" method="POST"> 
    <input type="text" id="x"><br/> 
    <input type="text" id="y"> 
    <input type="submit"> 
</form> 

$(document).ready(function() { 
    $('#send').submit(function(){ 
     var x = $('#x').val(); 
     var y = $("#y").val(); 
     if (x <= y) { 
      $('h2').html("Done."); 
     } else { 
      $('h2').html("Sorry,not enough cash."); 
     } 
     event.preventDefault(); 
    }); 
}); 

Answer 1

Преобразовать его в целое число, прежде чем делать что-нибудь, так как он сортирует/сравнивает в виде строки или что-то еще, где "600" становится больше "1000":

var x = parseInt($('#x').val(), 10); 
var y = parseInt($("#y").val(), 10); 

Рабочая Fiddle: https://jsfiddle.net/h60fva4p/

Answer 2

Вы должны преобразовать значения в целые числа. На данный момент вы сравниваете строки. Также обратите внимание, что вам нужно позвонить preventDefault() на event, который передан функции обработчика. Попробуйте это:

$('#send').submit(function(e) { // the 'e' parameter is the event 
    e.preventDefault(); 
    var x = parseInt($('#x').val(), 10); 
    var y = parseInt($("#y").val(), 10); 
    $('h2').html(x <= y ? "Done." : "Sorry, not enough cash."); 
}); 

Answer 3

Пожалуйста, используйте ParseInt для обоих значений:

var x = parseInt($('#x').val(), 10); 
var y = parseInt($("#y").val(), 10); 

Answer 4

использование parseInt

var x = parseInt($('#x').val()); 
var y = parseInt($("#y").val()); 

Если вы ожидаете десятичные значения на данном входе вы можете использовать parseFloat() также.

Answer 5

Использование Number преобразовать в число

var x = Number($('#x').val()); 
var y = Number($("#y").val()); 

Answer 6

$(document).ready(function() { 
 
     $('#send').submit(function() { 
 
      var x = $('#x').val(); 
 
      var y = $("#y").val(); 
 
      if (parseInt(x) <= parseInt(y)) { 
 
       $('h2').html("Done."); 
 
      } 
 
      else { 
 
       $('h2').html("Sorry,not enough cash."); 
 
      } 
 
      event.preventDefault(); 
 
     }); 
 
    });