使用JQuery / Javascript进行TextBox验证 [英] TextBox validation using JQuery / Javascript

查看:64
本文介绍了使用JQuery / Javascript进行TextBox验证的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述





我有五个文本框,需要根据以前的文本框验证每个文本框中的值,比如..,textbox3应该比textbox2更好,如果textbox2为null,则textbox3应大于textbox1。有没有办法在javascript或jquery中执行此操作,。请通过这个逻辑引导,

提前感谢。

Hi ,

I have five text boxes and need to validate values in each text box based on previous textboxes, like .., textbox3 should be greaer than textbox2 ,if textbox2 is null then textbox3 should be greater than textbox1. Is there any way to do this in javascript or jquery, . Please guide thru this logic,,
thanks in advance.

推荐答案

JavaScript示例代码可能有所帮助。

Below JavaScript sample code may help.
<html>
<head>
    <title></title>
</head>
<body>
    <input type="text" id="textbox1" />
    <br />
    
    <br />
    <input type="text" id="textbox3" />
    <br />
    <input type="text" id="textbox4" />
    <input type="button" value="Validate" onclick="ValidateTextBox()" />
    <script>
    function ValidateTextBox() {
        var lastTextBox = null;
        var textBoxCount =0;
        for (var i = 2; i <= 4; i++) {
            lastTextBoxid = "textbox" + (i - 1);
            if (document.getElementById(lastTextBoxid) != null) {
                lastTextBox = document.getElementById(lastTextBoxid);
                textBoxCount++;
            }
            if (document.getElementById("textbox" + i) != null) {
                var thisTextBox = document.getElementById("textbox" + i);
                if (parseFloat(lastTextBox.value) > parseFloat(thisTextBox.value)) {
                alert("Text Box " + (textBoxCount+1) + " value should be grater than TextBox" + (textBoxCount));
                return false;
                }
            }

        }


    }

    </script>
</body>
</html>


这篇关于使用JQuery / Javascript进行TextBox验证的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆