如果表单中存在3个提交输入,如何绕过aui-form-validation?

时间:2015-01-15 16:40:32

标签: javascript forms validation yui alloy-ui

基本上我有一个表单有3个输入类型=提交按钮(下一步,后退和取消)。问题是所有3个按钮都验证了表单,因为它们都是提交按钮,我无法更改其类型。我无法使用preventDefault,因为我总是需要提交表单,然后我的控制器决定要做什么,重定向或保存数据。有什么方法可以解决这个问题吗?

我有一个jsfiddle来显示这个问题:http://jsfiddle.net/0yak4z07/10/

YUI().use('aui-form-validator', function (Y) {

    var rules = {
        _mine_WAR_portlet_dd: {
            required: true,
            digits: true,
            maxLength: 2,
            range: [1, 31]
        },
        _mine_WAR_portlet_mm: {
            required: true,
            digits: true,
            maxLength: 2,
            range: [1, 12]
        },
        _mine_WAR_portlet_yyyy: {
            required: true,
            digits: true,
            maxLength: 4,
            range: [1900, 2014]
        },
    };

    var fieldStrings = {
        _mine_WAR_portlet_dd: {
            required: 'Required',
        },
        _mine_WAR_portlet_mm: {
            required: 'Required',
        },
        _mine_WAR_portlet_yyyy: {
            required: 'Required',
        }
    };

    var form = Y.one('.formValidator');

    if (form != null && form != '' && form != undefined) {

        new Y.FormValidator({
            boundingBox: '.formValidator',
            fieldStrings: fieldStrings,
            rules: rules
        });
    }
});

注意:我只能更改此页面上的javascript而不是html。

0 个答案:

没有答案