0

jsfiddle の次のコード: http://jsfiddle.net/mppcb/1/はそこで完全に機能しますが、同じコードを自分の Web サイト ( http://www.tuivel.com/upload/index.html )にコピーすると、動作しません:

HTML:

<form id="myform" novalidate="novalidate">
    <input type="text" name="field1[]">
    <br>
    <input type="text" name="field2[]">
    <br>
    <input type="text" name="field3[]">
    <br>
    <input type="file" name="field4[]" id="filename">
    <br>
    <input type="submit">
</form>

JS & jQuery:

<script type="text/javascript">
$(document).ready(function() {

    function Checksize(){
    var iSize = ($("#filename")[0].files[0].size);
       alert(iSize);
     if (iSize < 2097152.00) 
         { 
        alert("Es menor a 2 megabytes!!!!");
         return true;
         }
       else{
           alert("Es mayor a 2mb!!");
           return false;
           }
    }


function Checkfiles() {
        var fup = document.getElementById('filename');
        var fileName = fup.value;
        var ext = fileName.substring(fileName.lastIndexOf('.') + 1);
        var chkext = ext.toLowerCase();
        //var fileSize = fup.size;

    if(chkext=="gif" || chkext=="jpg" || chkext=="jpeg" || chkext=="png") {
        alert("Successfully Uploaded!");
        return true;
    }
    else {
        alert("Upload GIF, PNG, JPG Images only");
        return false;
    }
} 

    $('#myform').validate({
        rules: {
            "field1[]": {
                required: true,
                minlength: 5
            },
            "field2[]": {
                required: true,
                url: true
            },
            "field3[]": {
                required: true,
                email: true
            },
            "field4[]": {
                required: true,
                minlength: 5
            }
        },
        submitHandler: function(form) { // for demo
            var result=Checkfiles();
            var size=Checksize();
            alert(size);
            alert(result);
            if(size==true && result==true) {
                alert("Ya se subió!!!");
                return true;
            } else {
                alert("Por algo no pasó!!!");
                return false;
            }

        }
    });

});
</script>

jQueryライブラリも含めています:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>

なぜ私のために働いていないのだろうか?前もって感謝します。

4

1 に答える 1