Question

我在JSF ajax请求和jQuery事件中遇到问题。

我正在使用jQuery事件来验证这样的表单部分：

    jQuery(".btnNextStep").live("click", function(e) {
    var error = !validate(id);
            ...
    return error;

在同一个按钮下，我有一个Ajax事件：

<h:commandButton type="button" value="Etape suivante" class="btn btn-large btn-primary btnNextStep" id="btnFormIdentite">
<f:ajax execute="identite" render="@none" />
</h:commandButton>

问题是，即使jQuery事件返回false，也会提交ajax请求！

如何在jquery验证函数之后发送请求？

我在f:ajax上尝试了onEvent，但似乎无法在jQuery命名空间内调用函数：

 (jQuery(document).ready( function() {...)

我希望你理解我的问题。感谢。

Answer 1

尝试像这样定义验证函数：

function vlidateNextStep() {
    var error = false;
    error = !validate(id);
            ...
    return error;
}

点击即可使用

<h:commandButton type="button" value="Etape suivante" class="btn btn-large btn-primary btnNextStep" id="btnFormIdentite" onClick="return vlidateNextStep();">
    <f:ajax execute="identite" render="@none" />
</h:commandButton>

在jquery验证函数之后触发了jsf ajax

1 个答案: