javascript - jsf 输入文本中没有空格要求

Question

我使用带有一些输入的 jsf 表单。需要一些输入。我通过 required="true"检查空白区域。但是我需要在提交表单之前检查用户是否只是从键盘输入了几个空格键，因为然后该值存储在数据库中，但我不需要它。我认为它可以使用 jQuery 方法 trim() 来实现，但我是 jQuery 的新手，我不知道如何实现它。

<h:form prependId="false">
    <div class="row">
        <div class="col-lg-3 form-group">
            <label>First Name<span class="text-danger"> *</span></label>
            <h:inputText value="#{userController.user.firstName}" 
                styleClass="form-control" id="firstName"
                required="true" requiredMessage="#{bundle.common_error_empty_value}"/>
            <h:message for="firstName" styleClass="validationMsg"></h:message>
        </div>
        <div class="col-lg-5 form-group">
            <label>Last Name:<span class="text-danger"> *</span></label>
            <h:inputText value="#{userController.user.lastName}" 
                styleClass="form-control" id="lastName"
                required="true" requiredMessage="#{bundle.common_error_empty_value}"/>
            <h:message for="lastName" styleClass="validationMsg"></h:message>
        </div>
    </div>
   //etc...
</h:form>

我尝试过这样的事情。也许有人知道如何检查空白字段。

<script type="text/javascript">
            function trimInputs() {
                $('form input').each(function () {
                    $.trim(value);
                });
            }
        </script>

Answer 1

如果您使用 Hibernate 验证器，那么它可以使用 @mabi 的解决方案，这也得到了解释 here 。否则，您也可以编写自己的 JSF 验证器:

@FacesValidator
public class NoBlankSpaceValidator implements Validator{

    @Override
    public void validate(FacesContext context, UIComponent component,
            Object value) throws ValidatorException {
        //Check if user has typed only blank spaces
        if(value.toString().trim().isEmpty()){
            FacesMessage msg = 
                new FacesMessage("Incorrect input provided", 
                        "The input must provide some meaningful character");
            msg.setSeverity(FacesMessage.SEVERITY_ERROR);
            throw new ValidatorException(msg);

        }
    }
}

并将其用作:

<h:inputText value="#{userController.user.firstName}" 
    required="true" requiredMessage="#{bundle.common_error_empty_value}"
    validator="noBlankSpaceValidator"/>

另请参阅:

• Check if String has only blank spaces
• Custom validators in JSF 2