有没有验证jQuery代码的好方法？

Question

我是一个真正的jQuery新手，我有一些jquery代码拼凑在一起，但当页面加载时，我总是得到一个错误。问题是，我不确定我是否把所有的花括号和圆括号都正确地关闭了，我真的希望能有另一双眼睛看这一点：

$(document).ready(function() {
    $('#slideshow').cycle({
        fx:  'scrollLeft', 
        timeout: 8000
    });
});
    $('#freeQuote form')
       .validate({
         submitHandler: function(form) {
           $(form).ajaxSubmit({
                success: function() {
                var Image = $('<img />').attr({src:'_images/free-quote-confirm.png', width:231, height:267, alt:"Success"});
                    $('#freeQuote form').hide();
                    $('#freeQuote').append(Image)
                }
           });
         }
       }); 

  $('#news-signup form')
    .validate({
     submitHandler: function(form) {
       $(form).ajaxSubmit({
            success: function() {
            var Image = $('<img />').attr({src:'_images/register-thanks.png', width:332, height:35, alt:"Success"});
                $('#news-signup form').hide();
                $('#news-signup').append(Image)
            }
       });
     }
  }); 

我已经从它自己的.js文件中加载了这个文件。

谢谢。

Answer 1

可以，在Chrome中加载页面，然后按Ctrl-Shift-J组合键打开JavaScript控制台。这将立即突出显示任何语法错误。

或者，获取火狐的Firebug。

至于你的代码，我认为如果你不知道你在做什么，你应该从小一点开始。首先让cycle()函数工作，然后尝试其中一个验证，然后再尝试另一个验证。一次使用一个比特，每次添加新内容时，尝试一下它是否有效，以及是否会产生错误。

一旦你达到这个阶段，遵循Robert's的建议并通过JSLint运行它。这将告诉您哪里做错了，比如语句末尾缺少分号。

Answer 2

是的，http://www.jslint.com/

您的代码返回了以下错误：

错误：

第14行字符50处的问题:缺少分号。

$(‘#freeQuote’).append(图片)

第27行字符48处的问题:缺少分号。

$(‘#news-signup’).append(图片)

隐含全局：$ 1,2,7,10,12,13,14,20,23,25,26,27，文档1

JSLint讨厌我做的一切:P

Answer 3

帮助验证简单内容的一个好方法是使用诸如Notepad++或Eclipse的编辑器。