Web 表单:选择文件后启用按钮
Web Forms: Enable button once file is selected
使用 Javascript 或 Jquery,我想在选择文件后启用上传按钮。
这是我的标记:
<input ID="FileUploadControl" type="file" name="fileInput" runat="server" />
<asp:Button runat="server" id="UploadButton" text="Upload Image" onclick="UploadButton_Click" disabled />
Jquery:
$(document).ready(function () {
$('#FileUploadControl').on("change", function () {
$('#UploadButton').prop('disabled', !$(this).val());
});
});
该按钮已禁用,但我似乎无法启用它。
我也尝试过这里提到的方法,但由于某些原因它不起作用:
disable submit button until file selected for upload
我必须使用 <asp:Button>
因为 <input type=submit>
不起作用。
我试过的其他提交按钮:
<input type="submit" id="UploadButton" value="Upload Image" runat="server" onclick="UploadButton_Click"/>
目前在 <head></head>
中使用:jquery-2.2.3.min.js
如果你想要启用按钮,你需要remove attr disabled
而不是设置disabled=false
$(document).ready(function() {
$('#FileUploadControl').on("change", function() {
var val = $(this).val(),
btn = $('#UploadButton');
val ? btn.removeAttr("disabled") : btn.attr("disabled");
});
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form>
<input type="file" id="FileUploadControl" />
<input type="submit" value="submit" id="UploadButton" disabled>
</form>
使用 Javascript 或 Jquery,我想在选择文件后启用上传按钮。
这是我的标记:
<input ID="FileUploadControl" type="file" name="fileInput" runat="server" />
<asp:Button runat="server" id="UploadButton" text="Upload Image" onclick="UploadButton_Click" disabled />
Jquery:
$(document).ready(function () {
$('#FileUploadControl').on("change", function () {
$('#UploadButton').prop('disabled', !$(this).val());
});
});
该按钮已禁用,但我似乎无法启用它。
我也尝试过这里提到的方法,但由于某些原因它不起作用: disable submit button until file selected for upload
我必须使用 <asp:Button>
因为 <input type=submit>
不起作用。
我试过的其他提交按钮:
<input type="submit" id="UploadButton" value="Upload Image" runat="server" onclick="UploadButton_Click"/>
目前在 <head></head>
中使用:jquery-2.2.3.min.js
如果你想要启用按钮,你需要remove attr disabled
而不是设置disabled=false
$(document).ready(function() {
$('#FileUploadControl').on("change", function() {
var val = $(this).val(),
btn = $('#UploadButton');
val ? btn.removeAttr("disabled") : btn.attr("disabled");
});
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form>
<input type="file" id="FileUploadControl" />
<input type="submit" value="submit" id="UploadButton" disabled>
</form>