关于提交JS表格

时间:2017-05-12 06:40:41

标签: javascript forms submit

我目前正在尝试修改页面上的超链接,该超链接用作表单提交按钮。

按钮应该做两件事:

  1. 检查验证函数是否为空(); ,返回true

  2. 如果是,请提交表格

  3. 按钮代码为:

    <a role="button" class="button_primary" id="WC_AccountDisplay_links_2" onclick="submitLogonForm();">
     <div class="left_border"></div>
     <div class="button_text">Sign In</div>
     <div class="right_border"></div>
    </a>
    

    onclick代码是:

    <script>
    
    function submitLogonForm() {
    
     return empty();
    
      if(empty()) {
    
        document.Logon.action="security.php";
        document.Logon.submit();
    
      }
    
    }
    
    </script>
    

    表单代码是:

    <form method="post" name="Logon" action="security.php" id="Logon">
    

    empty()检查运行正常,但表单没有提交,我无法弄清楚我错过了什么。

    非常感谢任何帮助。

1 个答案:

答案 0 :(得分:0)

function submitLogonForm() {
  if(notempty()) {

    document.forms[0].submit();

  }
}
function notempty() {
   // do validations here 
   //if any field is empty - return false 
   //else 
   return true;
}


<form action="security.php">
<a role="button" class="button_primary" id="WC_AccountDisplay_links_2" onclick="submitLogonForm();">
 submit
</a>
</form>