Javascript函數未執行onsubmit

Question

我在表單提交上執行功能時遇到麻煩。 當我通過使用onclick事件調用簡單的alert()函數進行測試時，它在onclick="alert('hi')"但是當我將事件更改為onsubmit="alert('hi')"它不會調用功能？ 誰能告訴我為什么？ 我如何解決它？

 <form role="form" id="theForm" name="myForm" method="POST" action="processApplication.cfm"> <fieldset id="personal"> <legend>Personal</legend> <div class="form-group row"> <div class="col-sm-1"><span></span></div> <div class="col-sm-3 col-md-2 text-nowrap"> <label for="cfnm" class="control-label form-adjust">First Name*</label> </div> <div class="col-sm-8 col-md-4 form-adjust"> <input type="text" class="form-control" id="cfnm" name="firstName" placeholder="First Name" value="" maxlength="30"><i class="form-control-feedback glyphicon glyphicon-remove"></i> </div> </div> <div class="form-group row"> <div class="col-sm-1"><span></span></div> <div class="col-sm-3 col-md-2 text-nowrap"> <label for="cmnm" class="control-label form-adjust">Middle Name</label> </div> <div class="col-sm-8 col-md-4 form-adjust"> <input type="text" class="form-control" id="cmnm" name="middleName" placeholder="Middle Name" value="" maxlength="30"> </div> </div> <div class="form-group row"> <div class="col-sm-1"><span></span></div> <div class="col-sm-3 col-md-2 text-nowrap"> <label for="clnm" class="control-label form-adjust">Last Name*</label> </div> <div class="col-sm-8 col-md-4 form-adjust"> <input type="text" class="form-control" id="clnm" name="lastName" placeholder="Last Name" value="" maxlength="40"><i class="form-control-feedback glyphicon glyphicon-remove"></i> </div> </div> <div class="form-group row"> <div class="col-sm-1"><span></span></div> <div class="col-sm-3 col-md-2 text-nowrap"> <label for="ceml" class="control-label form-adjust">Email*</label> </div> <div class="col-sm-8 col-md-4 form-adjust"> <input type="text" class="form-control" id="ceml" name="email" placeholder="Email" value="" maxlength="128"><i class="form-control-feedback glyphicon glyphicon-remove"></i> </div> </div> <div class="form-group row"> <div class="col-sm-1"><span></span></div> <div class="col-sm-3 col-md-2 text-nowrap"> <label for="czip" class="control-label form-adjust">Personal URL</label> </div> <div class="col-sm-8 col-md-4 form-adjust"> <input type="text" class="form-control" id="curl" name="url" placeholder="Personal URL" value="" maxlength="10"> </div> </div> </fieldset> <fieldset> <div class="form-group row"> <div class="col-sm-4 col-md-3"> <input id="sbtn" name="submit_button" type="submit" value="Submit" class="btn btn-primary form-adjust" onsubmit="alert('hi');"> </div> </div> </fieldset> </form> 

Answer 1

Onsubmit是表單的屬性，因此請嘗試將其更改為

<form role="form" id="theForm" name="myForm" method="POST" action="processApplication.cfm" onsubmit="alert('hi');">

    <fieldset id="personal">
      <legend>Personal</legend>

      <div class="form-group row">
        <div class="col-sm-1"><span></span></div>
        <div class="col-sm-3 col-md-2 text-nowrap">
          <label for="cfnm" class="control-label form-adjust">First Name*</label>
        </div>
        <div class="col-sm-8 col-md-4 form-adjust">
          <input type="text" class="form-control" id="cfnm" name="firstName" placeholder="First Name" value="" maxlength="30"><i class="form-control-feedback glyphicon glyphicon-remove"></i>
        </div>
      </div>

      <div class="form-group row">
        <div class="col-sm-1"><span></span></div>
        <div class="col-sm-3 col-md-2 text-nowrap">
          <label for="cmnm" class="control-label form-adjust">Middle Name</label>
        </div>
        <div class="col-sm-8 col-md-4 form-adjust">
          <input type="text" class="form-control" id="cmnm" name="middleName" placeholder="Middle Name" value="" maxlength="30">
        </div>
      </div>

      <div class="form-group row">
        <div class="col-sm-1"><span></span></div>
        <div class="col-sm-3 col-md-2 text-nowrap">
          <label for="clnm" class="control-label form-adjust">Last Name*</label>
        </div>
        <div class="col-sm-8 col-md-4 form-adjust">
          <input type="text" class="form-control" id="clnm" name="lastName" placeholder="Last Name" value="" maxlength="40"><i class="form-control-feedback glyphicon glyphicon-remove"></i>
        </div>
      </div>

      <div class="form-group row">
        <div class="col-sm-1"><span></span></div>
        <div class="col-sm-3 col-md-2 text-nowrap">
          <label for="ceml" class="control-label form-adjust">Email*</label>
        </div>
        <div class="col-sm-8 col-md-4 form-adjust">
          <input type="text" class="form-control" id="ceml" name="email" placeholder="Email" value="" maxlength="128"><i class="form-control-feedback glyphicon glyphicon-remove"></i>
        </div>
      </div>

      <div class="form-group row">
        <div class="col-sm-1"><span></span></div>
        <div class="col-sm-3 col-md-2 text-nowrap">
          <label for="czip" class="control-label form-adjust">Personal URL</label>
        </div>
        <div class="col-sm-8 col-md-4 form-adjust">
          <input type="text" class="form-control" id="curl" name="url" placeholder="Personal URL" value="" maxlength="10">
        </div>
      </div>
    </fieldset>

    <fieldset>               
      <div class="form-group row">
          <div class="col-sm-4 col-md-3">

              <input id="sbtn" name="submit_button" type="submit" value="Submit" class="btn btn-primary form-adjust">
          </div>
      </div>
    </fieldset>

</form>