使用javascript验证时未从表单中获取值

表单验证时，我无法从textbox获取值。相反，我得到了这样的错误-

HTML:

姓名：


用户名：


电邮：


密码：


确认密码：


性别:
男性
女性


出生日期:


电话号码：


国家：


声明：


城市：


Pincode：

JavaScript:

function formValidate() {
    var name1 = document.getElementById("name").value;

    if (name1 == "") {
        alert("name field is empty");
    } else if (name1.length < 4) {
        alert("length field is empty");
    }
}

函数formValidate（）{
var name1=document.getElementById（“名称”）.value；
如果（名称1==“”）{
警报（“名称字段为空”）；
}否则如果（名称1.长度<4）{
警报（“长度字段为空”）；
}
}

我得到的错误是：

未捕获的TypeError:无法读取null的属性“值”

---

您确定您的输入具有id=“name”吗

如果是这样的话，那就应该行了

<input type="text" name="inputname" id="name">

您正在通过“id”（getElementById）查找输入元素，输入的name属性与id属性不同

工作示例：

函数formValidate（）{
var name1=document.getElementById（“名称”）.value；
如果（名称1==“”）{
警报（“名称字段为空”）；
}否则如果（名称1.长度<4）{
警报（“长度字段为空”）；
}
}

名字：

您确定您的输入有id=“name”吗

如果是这样的话，那就应该行了

<input type="text" name="inputname" id="name">

您正在通过“id”（getElementById）查找输入元素，输入的name属性与id属性不同

工作示例：

函数formValidate（）{
var name1=document.getElementById（“名称”）.value；
如果（名称1==“”）{
警报（“名称字段为空”）；
}否则如果（名称1.长度<4）{
警报（“长度字段为空”）；
}
}

名字：

检查此项，它可能会帮助您识别差异并解决问题

更新： 查看您的HTML，我可以看到您的姓名文本字段没有

id=“name”

。因此，向其添加

id=“name”

。之后，您的代码将非常有效。

替换此项：

<li>
    <label>Name: </label>
    <input type="text" name="name" id="name">
</li>

姓名：

HTML

<input type="text" name="name" id="name">
<input type="button" onclick="formValidate()" value="validate" />

JS

function formValidate() {

    var name1 = document.getElementById("name").value;

    if (name1 == "") {
        alert("name field is empty");

    } else if (name1.length < 4) {
        alert("length field is empty");

    }
}

函数formValidate（）{
var name1=document.getElementById（“名称”）.value；
如果（名称1==“”）{
警报（“名称字段为空”）；
}否则如果（名称1.长度<4）{
警报（“长度字段为空”）；
}
}

---

检查此项，它可能会帮助您识别差异并解决问题

更新： 查看您的HTML，我可以看到您的姓名文本字段没有

id=“name”

。因此，向其添加

id=“name”

。之后，您的代码将非常有效。

替换此项：

<li>
    <label>Name: </label>
    <input type="text" name="name" id="name">
</li>

姓名：

HTML

<input type="text" name="name" id="name">
<input type="button" onclick="formValidate()" value="validate" />

JS

function formValidate() {

    var name1 = document.getElementById("name").value;

    if (name1 == "") {
        alert("name field is empty");

    } else if (name1.length < 4) {
        alert("length field is empty");

    }
}

函数formValidate（）{
var name1=document.getElementById（“名称”）.value；
如果（名称1==“”）{
警报（“名称字段为空”）；
}否则如果（名称1.长度<4）{
警报（“长度字段为空”）；
}
}

---

我想你的JS代码没有问题，我很确定问题出在你的HTML中。元素上没有

id

，或者在元素上使用id并使用

getElementById

或者使用

querySelector（'[name=“name”]'）

或者

getElementsByName（'name'）[0]

是的..我找到了我错的地方，我没有使用id字段..非常感谢alot Tushar..除了JS验证之外，我还建议在元素上使用

pattern

属性。例如，

好的，非常感谢。我想你的JS代码没有问题，我非常确定问题出在你的HTML中。元素上没有

id

，或者在元素上使用id并使用

getElementById

或者使用

querySelector（'[name=“name”]'）

或者

getElementsByName（'name'）[0]

是的..我得到了错误的区域，我没有使用id字段..非常感谢Tushar..除了JS验证之外，我还建议在元素上使用

模式

属性。例如，

好的，非常感谢..同时使用表单提交-只需将

更改为

，如果这解决了您的问题，请检查它作为解决答案！很高兴这能帮上忙！同样使用表单提交-只需将

更改为

，如果这解决了您的问题，请将其作为解决答案进行检查！很高兴这能帮上忙！