Question

所以我制作了一个表单，我试图在处理之前用javascript验证它。其他所有领域都完美无缺。这就是表单的外观。

<form name="game_sub" action="add_game.php" onsubmit="return gameVal()" method="post">
        <table>

            <tr><td><input type="text" name="name" class="game_name" placeholder="NAME" /></td></tr>
            <tr><td>
            <select name="keyword" >
                <option value="action">Action</option>
                <option value="platform">Platform</option>
                <option value="sport">Sport</option>
                <option value="shooter">Shooter</option>
            </select>
            </td></tr>
            <tr><td><label>Game: </label><input type="file" name="game_file" id="g_file"></td></tr>
            <tr><td><label>Thumbnail: </label><input type="file" name="game_thumb" id="t_file"></td></tr>
            <tr><td><textarea name="desc" placeholder="DESCRIPTION"></textarea></td></tr>
        </table>
        <a href="index.php"><button type="button" id="add_btn_lft" class="add_btn">CANCEL</button></a>
        <input type="submit" value="SUBMIT" id="add_btn_rgt" class="add_btn"/>

然后我添加了javascript。 javascript中有一小段jQuery，我已经将google jquery源脚本添加到页面顶部。它完美地工作了1个小时，我离开了，然后回来了，它已经坏了。我通过将我的一些线条变成注释来检查它的错误，看它是否会让它再次起作用。我做了，当我删除变量时：

var TSize = document.forms.game_sub.game_thumb.form[0].size;

整个剧本重现生机。我正在使用jQuery中的.size来获取文件的大小，它已经工作了一段时间，但我不知道发生了什么......它只是随机决定不工作。 javascript在其中执行jQuery有问题吗？我以前做过没有问题，但这很奇怪。

这就是我的.js文件的外观：

function gameVal() {

  var GName = document.forms.game_sub.name.value;
  var GCat = document.forms.game_sub.keyword.value;
  var GFile = document.forms.game_sub.game_file.value;
  var GThumb = document.forms.game_sub.game_thumb.value;
  var Tarea = document.forms.game_sub.desc.value;
  var BErr = document.getElementById("add_game_err");
  var GFile2 = GFile.split(".");
  var GThumb2 = GThumb.split(".");
  var imgExt = ["jpg", "jiff", "jpeg", "gif", "tiff"];
  var gameExt = ["swf", "unity3d"];

  if (window.File && window.FileReader && window.FileList && window.Blob) {

  if (GFile == "" || GThumb == "" || GName == "" || GName == null || GCat == "Category" || Tarea == "") {
    BErr.style.display = "block";
    BErr.innerHTML = "Please fill in all the fields.";
    return false;
  }
  else if (GFile2.length > 2) {
    BErr.style.display = "block";
    BErr.innerHTML = "Please make sure the game file name has no periods(.) within it.";
    return false;
  }
  else if (GThumb2.length > 2) {
    BErr.style.display = "block";
    BErr.innerHTML = "Please make sure the thumbnail file name has no periods(.) within it.";
    return false;
  }
  else if (imgExt.indexOf(GThumb2[1]) == -1) {
    BErr.style.display = "block";
    BErr.innerHTML = "Thumbnail file format is invalid. (Only JPG, JIFF, JPEG, GIF, TIFF are allowed.)";
    return false;

  }
  else if (gameExt.indexOf(GFile2[1]) == -1) {
        BErr.style.display = "block";
        BErr.innerHTML = "Game file format is invalid.";
        return false;
  }
  else {
  var TSize = document.forms.game_sub.game_thumb.form[0].size;
  if (TSize > 1000000) {
    BErr.style.display = "block";
    BErr.innerHTML = "Thumbnail is too big. (Max size: 1MB)";
    return false;
  }
  else {
    BErr.style.display = "block";
    BErr.innerHTML = "Error";
    return false;
  }
  }
}
else {
    BErr.style.display = "block";
    BErr.innerHTML = "Your browser is outdated and cannot support file upload. Please update to latest version.";
    return false;

}
}

我在我的localhost服务器和jsbin.com上进行了测试，但它确实有效。但奇怪的是，随着时间的推移，它会以某种方式停止工作。这发生了两次。我昨晚工作，然后今天早上打开它，同样的事情发生了。我修好了它。然后今天下午，又看了一遍，同样的事情......

Answer 1

该代码没有做任何接近你的想法，并且代码中没有jQuery。

form元素的input属性会返回它所在的表单，因此document.forms.game_sub.game_thumb.form会返回与document.forms.game_sub相同的值。

在表单上使用[0]获取表单中的第一个字段，即名称输入字段，并使用.size从名称输入字段读取属性size。

size属性用于指定input字符的宽度。

我认为您正在寻找files属性：

var TSize = document.forms.game_sub.game_thumb.files[0].size;

JQuery随机停止工作（.size（））

1 个答案: