关注使用javascript的文本框

我想根据他们的安排把重点放在文本框上。。。。我的问题是，根据我的代码，它直接关注第三个文本框。。但我想根据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>

函数检查（）{
var err=“”；
var first=document.getElementById（“txtFirst”）；
var second=document.getElementById（“txtsond”）；
var third=document.getElementById（“txtThird”）；
如果（first.value==“”）{
第一，焦点（）；
err=err+“输入第一个值”；
}如果（second.value==“”）{
第二，焦点（）；
err=err+“输入第二个值”；
}if（third.value==“”）{
第三，焦点（）；
err=err+“输入第三个值”；
} }

以这种方式进行检查时，如果语句

                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";
                }

---

我认为在你的例子中，所有的文本框都是空白的&你没有在其他if语句中使用else，所以重点放在最后/第三个。如果情况类似，请添加其他（&O）：

<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>

函数检查（）{
var err=“”；
var first=document.getElementById（“txtFirst”）；
var second=document.getElementById（“txtsond”）；
var third=document.getElementById（“txtThird”）；
如果（first.value==“”）{
第一，焦点（）；
err=err+“输入第一个值”；
}else if（second.value==“”）{
第二，焦点（）；
err=err+“输入第二个值”；
}else if（third.value==“”）{
第三，焦点（）；
err=err+“输入第三个值”；
} }

在上面的代码中，如果所有文本框都为空，它将从上到下继续评估if条件，最后第三个文本框将接收焦点。如果像其他人建议的那样，则需要使用

else

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";
                    } }