0

这是我的代码，我将它与这个脚本工作的站点进行了比较，但我似乎无法发现我的代码不工作的区别。我可能缺少一些简单的东西。

这是我获得脚本的网站，但说明有点模糊： http ://rickharrison.github.io/validate.js/

这是一个有工作示例的人：http: //www.boutiqueapartments.com/index.php/contact/test

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<!-- Main style sheet-->
<link rel="stylesheet" type="text/css" href="stylesheets/stylesheet.css"/>
<!-- Validation script-->
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
<script type="text/javascript" src="../bugs/javascript/validate.min.js"></script>

<title></title>
</head>
<body>
<div class="success_box">All of the fields were successfully validated!</div>
<div class="error_box"></div>
<div id="container">
    <form name="create_bug" id="create_bug" method="post" action="bug_create.php" onSubmit="return FormValidator()">
    <div class="fm-req">
        <label for="bug_description">Bug Title:</label>
        <input type="text" name="bug_title" id="bug_title" value="" size="78" maxlength="250">
    </div>
    <input type="submit" name="formSubmit" value="Submit">
    </form>
</div>
<script type="text/javascript">
    new FormValidator('create_bug', [{
    name: 'bug_title',
    display: 'bug title',    
    rules: 'required'
}], function(errors, event) {
    var SELECTOR_ERRORS = $('.error_box'),
        SELECTOR_SUCCESS = $('.success_box');

    if (errors.length > 0) {
        SELECTOR_ERRORS.empty();
        SELECTOR_ERRORS.append(errors.join('<br />'));

        SELECTOR_SUCCESS.css({ display: 'none' });
        SELECTOR_ERRORS.fadeIn(200);
    }
    });
</script>
</body>
</html>

即使它的空白是“所有字段都已成功通过”或“对象对象”，我也会得到回报，有什么想法会出错吗？

4

1 回答 1

1

错误是一个对象数组，不能简单连接。尝试

new FormValidator('create_bug', [ {
    name : 'bug_title',
    display : 'bug title',
    rules : 'required'
} ], function(errors, event) {
    var SELECTOR_ERRORS = $('.error_box'), SELECTOR_SUCCESS = $('.success_box');

    if (errors.length > 0) {
        var errorString = '';
        $.each(errors, function(i, e) {
            errorString += e.message + '<br />';
        })

        SELECTOR_ERRORS.empty();
        SELECTOR_ERRORS.html(errorString);

        SELECTOR_SUCCESS.css({
            display : 'none'
        });
        SELECTOR_ERRORS.fadeIn(200);
    }
});

小提琴就在这里。

于 2013-08-11T03:07:27.927 回答