如何在将文档附加到浏览器之前禁用提交按钮?

时间:2017-05-03 19:40:43

标签: javascript jsp

我希望用户在允许用户点击提交之前在浏览器中附加文件。我希望在没有附加文件时禁用提交按钮,并在使用javascript附加文件时启用提交按钮

JSP:

    <tr id="app[0]" >
                    <td class="xl" width="50%" id="app1">
                        <input type="file" name="employeeDischargeTO.appraisalFile[0]" size = "30" contentEditable ="false"/>                                                           
                    </td>
</tr>

<td width="6%" align="right">
<a onclick="fnSubmit('<%=Constants.SUBMIT_BUTTON%>')" onmouseover="fnShowHand(this)"><html:img page="/images/b-HrSubmit.gif" border="0" align="middle"/></a>
</td>

1 个答案:

答案 0 :(得分:0)

1)添加到按钮&#34;禁用&#34;属性
2)添加功能

<input id='img' type='file' onchange='attachment(event)'/>

3)为该事件添加脚本

<script>
    function attachment(evt){
        var files = evt.target.files;
        //code for checking if evt have any files
        //if yes then remove "disabled" from the button
        //if no then exit if statement and do nothing
    }
</script>

类似的东西应该有效.. 希望这有所帮助,并提出一些想法:)