jQuery 里面 tab 和 jQuery Validate组合使用问题

Posted 2023-03-24

点击button提交的时候，只有当前tab会进行check，其他的tab不会。明明验证都是一起写的。有什么办法让我提交的时候，三个tab一起验证呢？
　<form>
　　<tab-1>
　　　内容
　　</tab-1>
　　<tab-2>
　　　内容
　　</tab-2>
　　<tab-3>
　　　内容
　　</tab-3>
　　<button>
　</form>

参考技术A 在jquery里可以直接用isNaN()，因为他是javascript的类库。是由JavaScript语言写的。
例如：
<script type="text/javascript">
$(document).ready(function()
alert(isNaN($('#id').val()));
);
</script>可以直接使用本回答被提问者和网友采纳 参考技术B 把你check的代码修改成check form下所有tab不就好了 参考技术C 你好，问题解决吗？同问

Jquery Datepicker没有显示在点击p：inputText里面的p：tab中的primefaces中

我正在使用jquery datepicker for primefaces calender。我刚刚创建了一个p：inputtext并在其上调用了jquery datepicker。当我将p：inputtext放在p：tab之外时，会调用此datepicker，但是当我将p：inputtext放在p：tab中时，它不会显示出来。

JQuery函数：

<script>
    $(function() {

        $('.calenderType').calendarsPicker();
});
    </script>

1）输入日历工作正常的文本：

<table>
   <tr>
    <td><p:inputText value="#{gen.appInitDate}" id="appInitDate"
                maxlength="100" onchange="changeEVENT();"
                disabled="#{gen.disableGen}"  class="calenderType">
        </p:inputText>
    </td>
    </tr>
</table>

2）输入日历不工作的文本：

    <p:tab titleStyle="font-weight:bold" title="#{lang.gen_info}" id="genInfoTabId"
        titleStyleClass="collapsible" >
    <p:panel id="geninfop" >
    <table>
        <tr>
            <td>
            <p:inputText value="#{gen.appInitDate}" id="id1"
               maxlength="100" onchange="changeEVENT();" 
               disabled="#{gen.disableGen}" class="calenderType">
            </p:inputText>
            </td>
        </tr>
            </table>
        </p:panel>
        </p:tab>

</p:accordionPanel>

基本上在2）场景中p：inputtext在p：tab中，所以任何jquery fucntion都没有调用它，因为jquery日历不起作用。请为此提出一些解决方案。

答案

我通过更改jquery代码完成了它，如下所示：

<script>
    $(function() {
        $('.calenderType').calendarsPicker();
        setInterval(function(){
            $('.calenderType').calendarsPicker();},100);
});
    </script>

只需每0.1秒调用一次该功能，它就可以工作..