Javascript 提交前比较文本框值

我想让我的两个文本框在提交之前被选中
像

---

如何实现这一点？

提供onclick处理程序的实现，以提取两个文本框的值，然后将它们解析为int

function submitForm() {
    var first = parseInt(document.getElementById("first"), 0);
    var second = parseInt(document.getElementById("second"), 0);

    if(first >= second) {
        // ...
        return true;
    } else {
        var hiddenTextBox = document.getElementById("error");
        hiddenTextBox.style.visibility = "visible";
        return false;
    }
}

这假设您有两个元素，分别是

id=“first”

和

id=“second”

，还有一个隐藏元素，分别是

id=“error”

试试看

$('#submitId').on('click',function(){
   if $('#textbox1').val() < $('#textbox2').val()){
      $('#erroLabel').show(); // showing error label
      return false; // to prevent submitting form
   }
});

$（'submitId'）。在（'click'，function（）上{
如果$（'#textbox1'）.val（）<$（'#textbox2'）.val（））{
$（'#errolable'）.show（）；//显示错误标签
返回false；//以防止提交表单
}
});

您可以使用javascript创建函数

    <script type="text/javascript">
        function checkValues()
        {
            var searchtext1 = document.getElementById("textbox1").value;
            if(searchtext1=='')
            {
                alert('Enter any character');
                return false;
            }
            var searchtext2 = document.getElementById("textbox2").value;
            if(searchtext2=='')
            {
                alert('Enter any character');
                return false;
            }
        }
    </script>

函数checkValues（）
{
var searchtext1=document.getElementById（“textbox1”）.value；
如果（searchtext1==''）
{
警报（“输入任何字符”）；
返回false；
}
var searchtext2=document.getElementById（“textbox2”）.value；
如果（searchtext2==''）
{
警报（“输入任何字符”）；
返回false；
}
}

然后是html格式

    <form  method='GET' onSubmit="return checkValues();">
        <input type="text" id= "textbox1" name="textbox1" class='textbox' >
        <input type="text" id= "textbox2" name="textbox2" class='textbox' >
        <input type="submit" id='submit' value="Search" class ='button' >
    </form>

如果条件为false，如何在文本框中显示错误标签？您尝试过的代码？来自SO标记部分：这个问题似乎脱离主题，因为它缺乏足够的信息来诊断问题。更详细地描述您的问题或在问题本身中包含一个最小的示例。OMG您在

问题中使用的
jquery
标记我可以用于该ajax吗？以及如何使用it@SANDEEP那要看你的意思了？
    <form  method='GET' onSubmit="return checkValues();">
        <input type="text" id= "textbox1" name="textbox1" class='textbox' >
        <input type="text" id= "textbox2" name="textbox2" class='textbox' >
        <input type="submit" id='submit' value="Search" class ='button' >
    </form>