Question

我试图使用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)});

    });

我试图验证＆＃34;标题＆＃34;字段，以便用户必须为他们正在上传的文件输入标题。代码片段包含在Blueimp网站中，但我更改了＆＃34;示例＆＃34;到＆＃34;标题＆＃34;

找到缺少的标题并提供警报就好了。问题是，即使你输入一个标题，它仍然坚持没有一个。基本上，它总是认为标题是空白的。

我尝试将验证更改为jQuery变体，其中我查看$（＆＃39; .title＆＃39;）。val（）。length但同样适用。它无论如何都会继续射击。

这是标题的HTML元素：

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

所以......我不确定该怎么做。我过去写过很多经验证得很好的验证。但是使用常规网页，而不是ajax上传者。：）

我做错了什么？

谢谢！

Answer 1

 if (!data.formData.title) {

如果标题未定义，则仅检查。大多数时候，此节点已定义。验证示例：

 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;
 };

使用jQuery-Uploader验证效果很好

1 个答案: