Question

我一直在寻找一段时间，我没有找到解决问题的方法，所以我希望你们能帮助我。

我正在使用输入文本框创建一个使用您的姓名和姓氏创建用户名的方法。当您介绍它们时，我会创建用户名并加入<span>标记。

问题是，在继续之前，按一个按钮，我想检查是否输入了用户名，我不知道该怎么做。

我创建了这个JS代码：

<script type="text/javascript">

    function ValidateUser()
    {
        var x = document.getElementById("txtusrname").value;
        if (x == null || x == "") {
            document.getElementById("lblmsg").innerHTML = "Please, first create an username";
            return false;
        }
  else {
            document.getElementById("lblmsg").style.display = "none";
        }
    return true;
    }
</script>

这是按钮和带有用户名的范围。

`<p class="intro" align="center">UserName: <span id="txtusrname"></span></p><div align="center">
<a href="start.html" target="_self"> 
<button type="submit" id="btnenter" onclick="return ValidateUser()">Enter in the App</button></a>
<br>
<label id="lblmsg" style="color:Red;" ></label><br />
</div>`

谢谢你的帮助！顺便说一句，对不起我的英语：D

Answer 1

要获取<span>内的值，您必须更改这样：

var x = document.getElementById("txtusrname").value;

到此：

var x = document.getElementById("txtusrname").innerHTML;

Answer 2

我想检查是否输入了用户名，但我没有知道该怎么做。

有人如何在span中输入任何内容？它不可编辑。你应该使用文本框。

用JS检查Span？

2 个答案: