Javascript 输入文本空检查

我使用的是JSF，我有一个h:inputText文本框

<h:form>
                    Please enter your username:
                    <h:inputText value="#{user.id}"/><br/><br/>

请输入您的用户名：

我希望当用户按下提交按钮时

<h:commandButton value="Submit" action="upload/uploadText"/>

用于检查输入文本框中是否输入了值，并且长度超过6个字符

我该怎么做

我尝试过的代码：

<script type="text/javascript"> 

        function required(){  
            if (document.getElementById("Username").value.length == 0)  
            {   
                alert("message");        
                return false;   
            }       
            return true;   
        }

    </script> 

函数必需（）{
if（document.getElementById（“用户名”）.value.length==0）
{   
警报（“信息”）；
返回false；
}       
返回true；
}

为此：

<h:body>

                <h:form onsubmit="return required();">
                    Please enter your username:
                    <h:inputText id="Username" value="#{user.id}">
                    </h:inputText><br></br><br></br>

                    To print a piece of text, please press the submit button below to upload the text:<br/><br/>
                    <h:commandButton type="submit" value="Submit" action="upload/uploadText"/>
                </h:form>

            </h:body>

请输入您的用户名：





要打印文本，请按下面的提交按钮上载文本：

---

而且我仍然无法让脚本运行

您需要更改

=您需要更改
=因为您使用的是JSF，所以在可能的情况下，您应该坚持使用JSF验证

<h:inputText id="Username" value="#{UserBean.userName}">
  <f:validateLength minimum="6" maximum="15"/>
</h:inputText>



几个链接


因为您使用的是JSF，所以在可能的情况下，您应该坚持使用JSF验证

<h:inputText id="Username" value="#{UserBean.userName}">
  <f:validateLength minimum="6" maximum="15"/>
</h:inputText>



几个链接


第一步：你读过JavaScript验证吗？我读过关于js验证的文章，我只是不确定它是如何检查inputtext框的，上面是我尝试过的代码的PostCode，这稍微好一点。您如何调用
required
？我还没有调用它，'onsubmit=“required（）”>，但我不确定该将其放置在何处现在这是您真正的问题！第一步：你读过JavaScript验证吗？我读过关于js验证的文章，我只是不确定它是如何检查inputtext框的，上面是我尝试过的代码的PostCode，这稍微好一点。您如何调用
required
？我还没有调用它，'onsubmit=“required（）”>，但我不确定该将其放置在何处现在这是您真正的问题！谢谢，我试过了，但是得到的不是EditableValueHolder的实例：javax.faces.component.html。HtmlForm@2434b3fb
请注意，
validateLenght
标记嵌套在
inputText
标记中。您无法执行
非常感谢我已经让它工作了，有没有办法让错误消息在窗口中弹出？这将恢复到处理
人脸消息
（或
和
）。主题广泛，一种方法是使用
组件。isValid
属性；另一种选择是使用已经提供解决方案的组件库（查看primefaces showcase上的“咆哮”示例）。与普通JS相比，我的方法的缺点是在开始时更复杂；但是优点是，您不再像管理来自JSF应用程序的任何其他消息那样管理验证消息了？我尝试了一些不同的验证代码，但仍然没有一个可以运行，我还注意到它不会接受感谢，因为我已经尝试过了，但是得到了
/index.xhtml@55,65 Parent不是EditableValueHolder的实例：javax.faces.component.html。HtmlForm@2434b3fb
请注意，
validateLenght
标记嵌套在
inputText
标记中。您无法执行
非常感谢我已经让它工作了，有没有办法让错误消息在窗口中弹出？这将恢复到处理
人脸消息
（或
和
）。主题广泛，一种方法是使用
组件。isValid
属性；另一种选择是使用已经提供解决方案的组件库（查看primefaces showcase上的“咆哮”示例）。与普通JS相比，我的方法的缺点是在开始时更复杂；但是优点是，您不再像管理来自JSF应用程序的任何其他消息那样管理验证消息了？我尝试了一些不同的验证代码，但仍然没有一个会运行，我也注意到它不会接受，谢谢。我只是遇到了一个问题，InputX从未使用过，onsubmit如何调用这个函数？@user1924104我的错误。现在修复了，我已经尝试了这个代码，但是由于某些原因仍然不能调用它，原始问题用新的代码更新了。谢谢，我只是遇到了一个从未使用过InputX的问题，onsubmit如何调用这个函数？@user1924104我的错误。现在修复了，我已经尝试了这个代码，但是由于某些原因仍然不能调用它，原来的问题用新代码更新了