0

可能重复：
jQuery Mobile 中的 AJAX 表单提交

我有一个表单，我使用 jQuery 来检查和验证表单，这样，如果表单为空，它不会提交表单，只会提示“请填写所有字段”。

function doShowError( eForm, sField, iInd, sError ) {
    var $Field = $( "[name='" + sField + "']", eForm ); // single (system) field
    if( !$Field.length ) // couple field
        $Field = $( "[name='" + sField + '[' + iInd + ']' + "']", eForm );
    if( !$Field.length ) // couple multi-select
        $Field = $( "[name='" + sField + '[' + iInd + '][]' + "']", eForm );
    if( !$Field.length ) // couple range (two fields)
        $Field = $( "[name='" + sField + '[' + iInd + '][0]' + "'],[name='" + sField + '[' + iInd + '][1]' + "']", eForm );

    //alert( sField + ' ' + $Field.length );

    $Field.parents('div:first').addClass( 'error' );

    $Field
    .parents('div:first')
        .addClass( 'error' )
        .children( 'img.warn' )
            .attr('float_info', sError)
            //.show()
            ;
}

现在，问题是，每当我点击提交按钮时，我都会被重定向到页面（应该是 user-panel ），其中只有一条文字：

不明确的

如何禁用默认情况下 jQuery 按钮的功能？

编辑： 我的事件触发并且消息显示，但我仍然被重定向到表单属性中定义的 URL action。

4

1 回答 1

0

在您验证表单字段的函数中（应在submit事件中调用），您需要true在验证成功的情况下返回，false否则。

这样，您可以防止表单action在验证失败时导航到属性中定义的 URL。

你可以尝试这样的事情：

$(function() {
    $("#your_form").submit(function() {
        // Define `sField`
        var sField = // SOMETHING

        // Define `iInd`
        var iInd = // SOMETHING

        // Define `sError`
        var sError = // SOMETHING

        return doShowError($(this), sField, iInd, sError);
    });
});

where#your_form是表单的 ID，doShowError()是验证表单输入的函数，true如果所有字段都正常则返回，else反之亦然。

在这种情况下，您可能需要修改您的函数doShowError以使其返回true或false如上所述。你可以把它改成这样：

function doShowError( eForm, sField, iInd, sError ) {

    // `haserror`: boolean output which will equal `true` 
    // if all the fields are correct, and `else` otherwise
    var haserror = true;

    var $Field = $( "[name='" + sField + "']", eForm ); // single (system) field
    if( !$Field.length ) { // couple field
        $Field = $( "[name='" + sField + '[' + iInd + ']' + "']", eForm );
        haserror = false;
    }
    if( !$Field.length ) { // couple multi-select
        $Field = $( "[name='" + sField + '[' + iInd + '][]' + "']", eForm );
        haserror = false;
    }
    if( !$Field.length ) { // couple range (two fields)
        $Field = $( "[name='" + sField + '[' + iInd + '][0]' + "'],[name='" + sField + '[' + iInd + '][1]' + "']", eForm );
        haserror = false;
    }

    //alert( sField + ' ' + $Field.length );

    $Field.parents('div:first').addClass( 'error' );

    $Field.parents('div:first')
        .addClass( 'error' )
        .children( 'img.warn' )
            .attr('float_info', sError)
            //.show()
            ;

    return haserror;
}
于 2012-10-14T22:24:38.880 回答