javascript - 检查 NULL 上的文本框

Question

如何检查 input="text" 值是否不为 NULL 然后移动到页面？

<input TYPE="text" name="textbox2" align="center">
........
function HomeButton()
                {
                    <!--if textbox1 value and textbox2 value not null-->
                        location.href="registration.html";
                }

Answer 1

只需检查它们的值是否都是真实的。

var textbox1 = document.getElementsByName('textbox1')[0];
var textbox2 = document.getElementsByName('textbox2')[0];

if(textbox1.value && textbox2.value) {
    location.href = "registration.html";
}

---

当然，您可以通过给它们ids 使事情变得更容易：

<input type="text" name="textbox2" id="textbox2" align="center">

和

var textbox2 = document.getElementById('textbox2');

例如。

Answer 2

给文本框一个id

<input type="text" id="textbox2" name="textbox2" align="center" />

if (document.getElementById('textbox1').value !== null &&
    document.getElementById('textbox2').value !== null) {
                    location.href="registration.html";
}

但该值永远不会是null，因此您可能想要检查空字符串：

if (document.getElementById('textbox1').value &&
    document.getElementById('textbox2').value) {
                    location.href="registration.html";
}

Answer 3

1，为该输入分配一个id，以便在代码中更好地定位

2，我建议使用jquery，如果不是你可以这样做：

<input TYPE="text" name="textbox2" align="center" id="textbox1">
........
function HomeButton()
                {
                    if (document.getElementById('textbox1').value != "" && document.getElementById('textbox1').value != null) {
                        location.href="registration.html";
                }