提交前的文本框值比较

时间:2014-04-17 12:54:25

标签: javascript php jquery ajax html5

我希望在提交之前检查我的两个文本框。
喜欢

if textbox1 >= textbox2 submit
else show errorlabel and dont submit.

我该怎么做?

3 个答案:

答案 0 :(得分:2)

提供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"

的隐藏元素

答案 1 :(得分:0)

试试吧,

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

答案 2 :(得分:0)

你可以在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>

然后以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>