如果用戶沒有輸入輸入的所有數據，然後對話模式將不會被顯示

Question

<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> 

如何創建這樣的事情：

如果用戶不輸入類型的所有數據，從該對話框模式：

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

將不會顯示？

謝謝。

Answer 1

我認爲你需要對提交的所有輸入字段進行客戶端驗證。
添加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; 
    } 
} 

檢查here獲取更多信息。

我認爲它會幫助你。