jQuery   发布时间:2022-03-30  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了jquery – 如何在JSF 2 RichFaces 4的输入字段中使用掩码?大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我需要在表单的输入字段中添加一些掩码.
我尝试插入jQuery.js和jQuery.MaskedInput.js,如下面代码所示:
<h:head>
    <h:outputScript name="jquery-1.6.4.min.js" library="javascript" />
    <h:outputScript name="jquery.maskedinput-1.3.js" library="javascript" />

    <script>
        jQuery(function($){
           $("#date").mask("99/99/9999");
           $("#phone").mask("(999) 999-9999");
           $("#Tin").mask("99-9999999");
           $("#ssn").mask("999-99-9999");
       });
    </script>

    <title>titlE</title>
</h:head>

<h:body>
     <h:form id="form">
        <h:inputText id= "date"  />
    </h:form>
</h:body>

到目前为止没有任何意义.

updatE
使用BalusC $(“[id =’形式:电话’]”).mask(“(99)9999-9999”);它工作正常! (多谢,伙计).
但是我需要在数据表中应用这个掩码:

<script>
    jQuery(function($){
       $("input.phones").mask("(999) 999-9999");
   });
</script>

<title>titlE</title>
<h:form id="form">

   <h:panelGrid columns="3">
        <h:outputLabel for="phones" value="Telefone(s) :" />                
        <h:dataTable id="phones" value="#{profile.user.userPhones}" var="item">
            <h:column>
                <h:inputText id= "phone" value="#{item.phonE}" />
            </h:column>
            <h:column>
                <h:commandButton value="Remove" action="#{profile.removePhonE}"/>
            </h:column>
            <h:column>
                <rich:message id="m_phone" for="phone" />
            </h:column>
        </h:dataTable>
    <h:commandButton value="Add" action="#{profile.addPhonE}"/>
   </h:panelGrid>    

</h:form>

任何的想法 ?

解决方法

JavaScript / jQuery在浏览器中运行,并且在由JSF生成并发送到浏览器的HTML DOM树上工作,它不拦截JSF组件树本身.您的$(“#date”)将不返回任何内容,因为HTML DOM树中不存在具有该ID的元素.在浏览器中打开页面,右键单击“查看源”.您会看到它实际上是以< input id =“form:date”>生成的,而不是< input id =“date”>.

您应该使用以下选择器(请注意:在CSS中是非法字符,因此应该被转义):

$("#form\\:date").mask("99/99/9999");
$("#form\\:phone").mask("(999) 999-9999");
$("#form\\:Tin").mask("99-9999999");
$("#form\\:ssn").mask("999-99-9999");

或者,无需明确逃避:

$("[id='form:date']").mask("99/99/9999");
$("[id='form:phone']").mask("(999) 999-9999");
$("[id='form:Tin']").mask("99-9999999");
$("[id='form:ssn']").mask("999-99-9999");

或者,或者,只是给他们一个类名:

<h:inputText id="date" styleClass="date" />
<h:inputText id="phone" styleClass="phone" />
<h:inputText id="Tin" styleClass="Tin" />
<h:inputText id="ssn" styleClass="ssn" />

然后可以更一般地选择,如下所示,而不需要在视图中摆弄可能多个相同类型的输入字段的ID,例如在< h:dataTable>内:

$("input.date").mask("99/99/9999");
$("input.phone").mask("(999) 999-9999");
$("input.Tin").mask("99-9999999");
$("input.ssn").mask("999-99-9999");

大佬总结

以上是大佬教程为你收集整理的jquery – 如何在JSF 2 RichFaces 4的输入字段中使用掩码?全部内容,希望文章能够帮你解决jquery – 如何在JSF 2 RichFaces 4的输入字段中使用掩码?所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。