javascript - 如果 onload 值为空，则不加载模态

Question

我想仅在提交表单后显示模式。但它在开始时加载。 这是我的 html 代码

<div class="container">

  <!-- Modal -->
  <div class="modal fade" id="myModal" role="dialog">
    <div class="modal-dialog">

      <!-- Modal content-->
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal">&times;</button>
          <h4 class="modal-title">Dear User</h4>
        </div>
        <div class="modal-body">
          <p>Please note down your respective ID's</p>
          <p id="ucid">Client ID:<s:property value="ucid"/></p>
          <p>Broker ID:<s:property value="ubid"/></p>
          <p>Developer ID:<s:property value="udid"/></p>
        </div>

      </div>

    </div>
  </div>

</div>

这是 Javascript

function myFunction(){
        if ($('#ucid').val()=='') {
            $("#myModal").modal("hide");
        }else{
         $('#myModal').modal('show'); 
        }

虽然我尝试了上面的函数来隐藏它。但它不起作用。请帮助我。提前致谢

Answer 1

您应该使用 .text() 方法从 p DOM 元素获取值。

if ($('#ucid').text()=='') {
     $("#myModal").modal("hide");
}else{
     $('#myModal').modal('show'); 
}