asp.net mvc 3 razor 视图中的 jQuery 自定义验证

Question

我对 JS/jQuery 有非常基本的了解。我需要检查某些文本框的值。该示例只是重新创建了我在实际应用程序中遇到的问题，该应用程序要大得多，并且表是根据数据库中的数据动态创建的，因此在运行时我添加了我的 jQuery 逻辑所基于的类。

这是 jsfiddle 示例 - http://jsfiddle.net/Xhnbm/

我需要做三种不同的检查 - 浮点数、字符串长度和浮点数，但是您可能会看到未执行验证我总是得到整数异常，即使您删除整数检查，验证也是也不起作用，所以我想问题不在于函数本身，而在于其他地方。

感谢您的帮助。

附言

如果不添加代码，我似乎无法提交问题。所有代码都在 jsfiddle 示例中，但由于我也需要在此处添加一些代码，因此我认为问题在于我声明执行检查的可能函数的方式或此处：

$('#submitDocument').click(function () {
            try {
                if ($(".checkString16").val().length > 16) {
                    throw "The text can be up to 16 symbols";
                } else if (!mathFunctions.isInt($(".checkULong").val())) {
                    throw "Insert integer";
                } else if (!mathFunctions.isFloat($(".checkFloat").val())) {
                    throw "Insert float";
                }
                validationResult = true;
            } catch (exc) {
                alert(exc)
                validationResult = false;
            }
            return validationResult;
        });

单击提交按钮时我尝试执行验证的方式。但我根本不是 Js 程序员，我不想给你指出错误的方向。

Answer 1

$('#submitDocument').click(function () {
        var validationResult = true;
            if ($(".checkString16 input[type='text']:first").val().length > 16) {
                validationResult=false;
            } else if (!mathFunctions.isInt($(".checkULong input[type='text']:first").val())) {
                validationResult=false;
            } else if (!mathFunctions.isFloat($(".checkFloat input[type='text']:first").val())) {
                validationResult=false;
            }
        return validationResult;
    });

这应该可以解决问题。 如果 #submitDocument 是输入 type='submit' 并且您使用它来提交表单，您应该尝试这种方式：

$('#submitDocument').click(function (e) {
            if ($(".checkString16 input[type='text']:first").val().length > 16) {
                e.preventDefault();
            } else if (!mathFunctions.isInt($(".checkULong input[type='text']:first").val())) {
                e.preventDefault();
            } else if (!mathFunctions.isFloat($(".checkFloat input[type='text']:first").val())) {
                e.preventDefault();
            }
    });

e.preventDefault() 将阻止提交按钮执行默认处理程序，即提交表单。

您始终可以从代码中手动提交表单，使用 $("#formId").submit();

PS。确保您也在后面的代码中验证这些值，因为简单的 jquery 验证很容易实现。