-1
我寫這有jQuery腳本當按下SAVE按鈕查看文件大小HTML表單之前,HTML表單檢查文件的大小。jQuery腳本上傳不工作
我已經盡了全力,但檢查未在HTML表單的所有工作。
請幫助我,提前感謝。這裏是我的代碼
function validate() {
$("#file_error").html("");
$(".demoInputBox").css("border-color", "#F0F0F0");
var file_size = $('#filetoupload')[0].files[0].size;
if (file_size > 2097152) {
$("#file_error").html("File size is greater than 2MB");
$(".demoInputBox").css("border-color", "#FF0000");
return false;
}
return true;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form class="form-horizontal" action="submitdesign-add.php" enctype="multipart/form-data" method="post">
<fieldset>
<!-- Form Name -->
<!-- File Button -->
<div class="form-group">
<label class="col-md-3 control-label" for="dname">Upload Your Design </label>
<div class="col-md-8">
<input type="file" name="filetoupload" id="filetoupload" class="demoInputBox" /> <span id="file_error"></span>
</div>
</div>
<!-- Text input-->
<div class="form-group">
<label class="col-md-3 control-label" for="daddress">Address</label>
<div class="col-md-8">
<input id="daddress" name="daddress" type="text" maxlength="95" placeholder="Enter Your Address here" class="form-control input-md">
</div>
</div>
<!-- Text input-->
<div class="form-group">
<label class="col-md-3 control-label" for="dcity">City</label>
<div class="col-md-8">
<input id="dcity" name="dcity" type="text" maxlength="45" placeholder="Enter Your City here" class="form-control input-md">
</div>
</div>
<!-- Button -->
<div class="form-group">
<label class="col-md-3 control-label" for="singlebutton"></label>
<div class="col-md-3">
<button id="singlebutton" name="singlebutton" class="btn btn-success">Save</button>
</div>
</div>
</fieldset>
</form>
其實你的函數沒有任何地方叫,是什麼呢? – Fuzzzzel
我該怎麼做..可以指導我調用這個函數。因爲我根據自己的知識盡了全力 –