Html Formular:

<form class="form-horizontal" id="contactfrm" onsubmit="contactus()">

<fieldset class="scheduler-border">

<!-- Form Name -->
<legend class="scheduler-border">Fill contact details</legend>
<!-- Text input-->
<div class="form-group">
<label class="col-md-4 control-label" for="fname">First Name</label>  
<div class="col-md-6"><input id="fname" name="firstName" type="text" placeholder="First Name" class="form-control input-md" title="Enter your First Name" required="required"></div>
</div>
<!-- Text input-->
<div class="form-group">
 <label class="col-md-4 control-label" for="lname">Last Name</label>  
<div class="col-md-6"><input id="lname" name="firstName" type="text" placeholder="Last Name" class="form-control input-md" title="Enter your Last Name" required="required"></div>
</div>

<!-- Button -->
<div class="form-group">
<label class="col-md-4 control-label" for="button"></label>
<div class="col-md-4">
                   <button type="submit" value="Submit" class="btn btn-success" id="submit" />
</div>
</div>
</fieldset>
 </form>

script code:

<script type="text/javascript"> 
   function contactus(){
    alert("hi");
    var test = JSON.stringify({
       "help": $('#help').val(),    
       "firstName": $('#fname').val(), 
       "lastName":$('#lname').val()
       });

    alert("test values are"+test);
       $.ajax({
           type: "POST",
           contentType: 'application/json',
           url: baseurl+"contact/add",
           data: test,
           dataType:"text",
           success:successmethod,
           error: function(data,status) 
           {
            alert("Error  "+status);
           }
       });

   }

   function successmethod(data){
    document.getElementById("contactfrm").reset();
    $('#showcontactmessage').show();
    alert("Contact Details Saved");
   }
   </script>

Anchor-Tag:

<a href="javascript:contactus();" class="btn btn-success">Contact us now</a>

In der obigen Form, wenn ich Anker-Tag verwende, um das Formular einzureichen, funktioniert alles einwandfrei, dh; Die Funktion wird aufgerufen und die Werte werden in der Datenbank gespeichert, und die Erfolgsmethode wird aufgerufen und ausgeführt. Das Problem hierbei ist jedoch, dass die Werte in der Datenbank gespeichert werden, wenn ich das Tag button verwende, um Formularwerte zu übermitteln. Stattdessen wird die Methode succes nicht aufgerufen Aufruf einer Fehlermethode .. Jede Hilfe wäre dankbar ??