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>
なぜ私のために働いていないのだろうか?前もって感謝します。