1

我想根据他们的安排专注于文本框....我的问题是根据我的代码它直接关注第三个文本框..但我想根据 texbox 的排列来关注...例如如果第一个文本框是空白的然后它将专注于第一个文本框，目前它专注于第三个文本框......

<input type="text" id="txtFirst"/>
           <input type="text" id="txtSecond"/>
            <input type="text" id="txtThird"/>
            <input type="button" onclick="check()" value="Check" />
            <script>
                function check() {
                    var err = "";
                    var first = document.getElementById("txtFirst");
                    var second = document.getElementById("txtSecond");
                    var third = document.getElementById("txtThird");
                    if (first.value == "") {
                        first.focus();
                        err = err + "enter the first value";
                    } if (second.value == "") {
                        second.focus();
                        err = err + "enter the second value";
                    } if (third.value == "") {
                        third.focus();
                        err = err + "enter the third value";
                    } }
                </script>
4

3 回答 3

3

当您以这种方式进行检查时，您需要 else if 语句...

                if (first.value == "") {
                    first.focus();
                    err = err + "enter the first value";
                } else if (second.value == "") {
                    second.focus();
                    err = err + "enter the second value";
                } else if (third.value == "") {
                    third.focus();
                    err = err + "enter the third value";
                }
于 2013-06-22T08:20:24.540 回答
0 
if (first.value == "") {
                        first.focus();
                        err = err + "enter the first value";
                    } if (second.value == "") {
                        second.focus();
                        err = err + "enter the second value";
                    } if (third.value == "") {
                        third.focus();
                        err = err + "enter the third value";
                    } }

在上面的代码中，如果所有文本框都是空的，它将继续从上到下评估 if 条件，最后第三个文本框将获得焦点。您需要else if按照其他人的建议使用。

于 2013-06-22T08:29:09.720 回答
0

我认为在您的情况下，所有文本框都是空白的，并且您没有在其他 if 语句中使用 else，因此重点是最后一个/第三个。请添加 else & other if case 如：

<input type="text" id="txtFirst"/>
           <input type="text" id="txtSecond"/>
            <input type="text" id="txtThird"/>
            <input type="button" onclick="check()" value="Check" />
            <script>
                function check() {
                    var err = "";
                    var first = document.getElementById("txtFirst");
                    var second = document.getElementById("txtSecond");
                    var third = document.getElementById("txtThird");
                    if (first.value == "") {
                        first.focus();
                        err = err + "enter the first value";
                    } else if (second.value == "") {
                        second.focus();
                        err = err + "enter the second value";
                    } else if (third.value == "") {
                        third.focus();
                        err = err + "enter the third value";
                    } }
                </script>
于 2013-06-22T08:22:20.913 回答