如果用户没有在输入中输入所有数据,则不会显示对话框模式

If user not entered all data in input, then dialog modal will not be displayed

本文关键字:输入 显示 模式 对话框 用户 如果 数据      更新时间:2023-09-26
<form id="form_save_account" action="." method="post">
   <div style="display:none"><input type="hidden" name="csrfmiddlewaretoken" value="618376f08ab0b6f255442d9519ec656a" /></div>
   <div class="container" />
   <div class="row" />
   <div class="span5" />
<div class="id_account_owner-control-group control-group required">
      <label class="control-label" for="id_account_owner"> account owner </label>
      <div class="controls">
         <input id="id_account_owner" type="text" name="account_owner" maxlength="250" />
      </div>
   </div>
<div class="id_account_number-control-group control-group required">
      <label class="control-label" for="id_account_number"> account number </label>
      <div class="controls">
         <input id="id_account_number" type="text" name="account_number" maxlength="34" />
      </div>
   </div>
<div class="span1 offset10">
      <a type="submit" name"save-continue-to-review" data-toggle="modal" data-target="#dialog" href="" class="btn primary btn-primary" title="Go">Go
      </a>
   </div>
</form

<script>
...
</script>

如何创建这样的东西:

如果用户没有在输入中输入所有的数据,那么对话框将从this开始:

  <a type="submit" name"save-continue-to-review" data-toggle="modal" data-target="#dialog" href="" class="btn primary btn-primary" title="Go">Go
  </a>

不显示?

谢谢。

我认为您需要在提交时对所有输入字段进行客户端验证。
添加onclick事件提交。例:

<a type="submit" onclick="javascript:yourFunctionName();" name"save-continue-to-review" data-toggle="modal" data-target="#dialog" href="" class="btn primary btn-primary" title="Go">Go

在JS文件中定义函数为:

function yourFunctionName(){
    var account_owner = document.getElementById(id_account_owner).value;
    var account_no    = document.getElementById(id_account_number).value;
    if(account_no == '' || account_owner == ''){
        return false;
    }
}

点击这里查看更多信息。

我想这会对你有帮助。