验证与 jQuery-Uploader 配合得很好答案

【问题标题】：Validation works too well with jQuery-Uploader验证与 jQuery-Uploader 配合得很好
【发布时间】：2014-03-14 20:47:01
【问题描述】：

我正在尝试使用 jQuery-Uploader（多文件上传器）。我认为我的问题与上传者本身无关；这可能只是缺乏 JS 经验的问题。 :) 鉴于此代码：

    $('#fileupload').bind('fileuploadsubmit', function (e, data) {
        var inputs = data.context.find(':input');

        data.formData = inputs.serializeArray();

        if (!data.formData.title) {
            alert("Needs a title, yo!");
            data.context.find('button').prop('disabled', false);
            return false;
        };

        data.formData.push({name:'formData',value:JSON.stringify(data.formData)});

    });

我正在尝试验证“标题”字段，以便用户必须为他们正在上传的文件输入标题。代码 sn-p 已包含在 Blueimp 网站中，只是我将“示例”更改为“标题”

它会找到丢失的标题并发出警报。问题是即使你输入了一个标题，它仍然坚持没有。基本上，它总是认为标题是空白的。

我尝试将验证更改为查看 $('.title').val().length 的 jQuery 变体，但同样适用。无论如何，它都会继续发射。

这是标题的 HTML 元素：

<label>Title: <input name="title" class="song_title title" size="40" maxlength="100" value=""></label>

所以...我不太确定该怎么做。我过去写了很多验证，效果很好。但是对于常规网页，而不是 ajax 上传器。 :)

我做错了什么？

谢谢！

【问题讨论】：

标签： javascript jquery ajax validation uploader

【解决方案1】：

 if (!data.formData.title) {

仅检查 title 是否为 undefined。大多数时候，这个节点是定义的。验证示例：

 var title = data.formData.title;

 // is the title length <= 0 or over 255
 if(title.length <= 0 || title.length > 255) {
      alert("Needs a title, yo!");
      data.context.find('button').prop('disabled', false);
      return false;
 };

【讨论】：