jQuery tonum 是刨丝器，然后如果错误显示错误，则从没有

jQuery tonum is grater then fromno if wrong show error

本文关键字：错误 显示 如果 然后 tonum jQuery      更新时间：2023-09-26
<html>
<head>
  <script src='https://code.jquery.com/jquery-2.1.3.min.js'></script>
</head>
<body>
<form action='insert.php' method='post' id='myform' >
  <p>
    <input type='text' name='fromno' placeholder='fromno' id='fromno' /><input type='text' name='tonum' placeholder='tonum' id='tonum' />
  </p>
  <button id='insert'>Insert</button>
  <p id='result'></p>
  <script src='insert.js'></script>
</form>
</body>
</html>

如何使用jQuery检查tonum是否更刨丝，然后fromno

如果tonum低于fromno则它应该显示错误。

检查内联注释以获取详细说明

$('#insert').on('click', function() {
  var fromnum = $("#fromno").val();//get fromnum value
  var tonum = $("#tonum").val();//get tonum value
  if (fromnum != "" && tonum != "") {//check if both are not empty
    if (parseInt(tonum) > parseInt(fromnum)) {//check if tonum is greater than fromnum
      $("#result").text('Correct').addClass('valid');
      //display result or continue with other code
    } else {
      $("#result").text('To num should be greater than From num').removeClass('valid');
      //display error
    }
  } else
    $("#result").text('Both fields has to be filled').removeClass('valid');
    //display error if either of the field is empty
});
/*Just for UI purpose*/
#result {
  color: red;
}
.valid {
  color: green !important;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form action='insert.php' method='post' id='myform'>
  <p>
    <input type='text' name='fromno' placeholder='fromno' id='fromno' />
    <input type='text' name='tonum' placeholder='tonum' id='tonum' />
  </p>
  <button id='insert'>Insert</button>
  <p id='result'></p>
  <script src='insert.js'></script>
</form>

相关文章：