如何禁用href标签，如果文件已经上传使用thymfol

Question

我正在使用th:disabled，它是禁用按钮，但仍可点击，这是我迄今为止所做的百里香代码。我想禁用文件上传按钮，当用户完成了申请的最终提交。为此，我检查以下条件:th:disabled="${lst.finalSubmit！=null} "

这是截图：（https://prnt.sc/10cny2t）

<div class="card-body" id="myDIV" onblur="chekforblank()">
    <table id="TblGrievance" class="table table-striped table-bordered"
        style="width: 100%">
        <thead>
            <tr class="bg-secondary">
                <!-- <th>Sn.</th> -->
                <th>Reference Number</th>
                <th>Grievance Date</th>
                <th>Phone NO</th>
                <th>Status</th>
                <th>Action</th>
                <!-- <th>&nbsp;</th> -->
            </tr>

            <tr th:each="lst : ${dto}" id="ll">
                <th th:text="${lst.refno}"></th>
                <th th:text="${lst.finalSubmit}"></th>
                <th th:text="${lst.phoneOfOrg}"></th>
                <th th:text="${lst.complaintStatus}"></th>
                
                <td>&nbsp;&nbsp;&nbsp;
                        
                        <a th:href="@{/uploadDraft/{id}(id=${lst.refno})}" title="You have already Uplaoded your docmuents"><button
                class="btn btn-primary" th:disabled="${lst.finalSubmit !=null}">File Upload</button></a>
                        
                    <a th:href="@{/viewComplaint/{refno}(refno=${lst.refno})}"><i
                        class="fa fa-list-alt fa-2x" aria-hidden="true"></i></a></td>
        </thead>
        <tbody>


        </tbody>
    </table>
</div>

Answer 1

这行代码有问题。。。

<a th:href="@{/uploadDraft/{id}(id=${lst.refno})}" title="You have already Uplaoded your docmuents">
    <button class="btn btn-primary" th:disabled="${lst.finalSubmit !=null}">File Upload
    </button>
</a>

您试图禁用的按钮被包装到锚标签中。当您的按钮被Thymeleaf禁用时，周围的链接仍然有效，并且按钮是可单击的，即使它看起来是禁用的。要修复它，您应该首先阅读Bootstrap留档按钮的禁用状态。Bootstrap允许将按钮显示为

<代码>

阅读后，选择上传按钮要使用的标签，例如，如果要使用

<a th:href="@{/uploadDraft/{id}(id=${lst.refno})}" title="You have already Uplaoded your docmuents" 
class="btn btn-primary" th:classappend="${lst.finalSubmit !=null}? 'disabled'">File Upload</a>