Question

以下是文本字段的html代码，用于检查 empty / null 值的内容

function myFormValidation() {
  alert("HI");

  var name = document.getElementById("name").value;
  alert(name);
  if (name == null || name == " ") {

    document.getElementById("inp1").innerHTML = "Enter your name please";

  } else {
    document.myForm.submit();
  }

}

Name
<input type="text" name="name" id="name" />
<input type="hidden" name="inp1" />
<input type="button" value="Register" onclick=" myFormValidation()" />

我想使用innerHtml验证，但我的js没有被调用。

Answer 1

我想删除“”之间的空格可能会起作用

你的代码

if(name==null || name ==" " ){

        document.getElementById("inp1").innerHTML = "Enter your name please";

    }

更改为

if(name==null || name =="" ){

        document.getElementById("inp1").innerHTML = "Enter your name please";

    }

Answer 2

您可能希望通过正则表达式

的帮助来验证输入编辑

if ( name == null || /\s*/g.test(name) )
{
    document.getElementById("inp1").innerHTML = "Enter your name please";
}

表达式\ s *涵盖空字符串以及输入由多个空格组成，例如“”，例如

Answer 3

我对JavaScript / jQuery并不熟悉，但我认为这就是你要找的东西。我已将邮件的input更改为label，因为您的type为hidden，这也意味着用户根本无法看到该邮件。

此外，您没有为id添加inp1属性，因此无法使用getElementbyId()。

function myFormValidation() {
    if (document.getElementById("name").value == "") {
        document.getElementById("inp1").innerHTML = "Enter your name please";
    }

    else {
        var name = document.getElementById("name").value;
        alert("HI");
        alert(name);
        document.myForm.submit();
    }
}

Name:
<input type="text" name="name" id="name" />
<input type="button" value="Register" onclick=" myFormValidation()" />
<label id="inp1"></label>

Answer 4

以下是示例：

＆＃13;

function myFormValidation() {
  var user = document.getElementById("name").value;
  if (user === "") {
    document.getElementById("body").innerHTML = "Enter your name please";
  } else {
    document.getElementById("body").innerHTML = user + " " + "How are you..!";
  }
}

＆＃13;

Name
<input type="text" name="name" id="name" />
<input type="hidden" />
<input type="button" value="Register" onclick=" myFormValidation()" />
<div id="body"></div>

＆＃13;

如何使用javascript验证空值？

4 个答案: