关于用JS提交表格

Question

I am currently attempting to fix a hyperlink on a page that is meant to act as a form submit button.

The button is supposed to do two things:

1. Check if a validation function, called empty(); , returns true

2. If so, submit the form

The button code is:

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

The onclick code is:

<script>

function submitLogonForm() {

 return empty();

  if(empty()) {

    document.Logon.action="security.php";
    document.Logon.submit();

  }

}

</script>

And the form code is:

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

The empty() check runs fine, but the form does not submit, and I can't figure out what I'm missing.

Any help would be greatly appreciated.

Answer 1

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>