Hi ramco1917,
Put the button inside the form.
HTML
<div class="modal fade" id="controlloMail" data-backdrop="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h4>Verifica Recapiti</h4>
</div>
<div class="modal-body">Al fine di permettere la buona diffusione di informazioni relative alle iscrizioni, ti chiediamo di verificare ed eventualmente correggere i dati di contatto in nostro possesso relativi all'utente principale di questa società.<br>Se sono stati inseriti utenti secondari, loro stessi avranno la possibilità di verificare e correggere i loro dati.<br><br>
<form id="contact-form">
<div class="form-group">
<label class="label label-info" for="mail1">Email Primaria</label>
<input type="email" name="mail" id="mail1" class="form-control" value=""/>
</div>
<div class="form-group">
<label class="label label-info" for="mail2">Email Secondaria (facoltativo)</label>
<input type="email" name="mail" id="mail2" class="form-control" value=""/>
</div>
<div class="form-group">
<label class="label label-info" for="cell">Cellulare</label>
<input type="text" data-bv-integer="true" name="cell" id="cell" class="form-control" value="" data-rule-required="true"/>
</div>
<div class="form-group">
<label class="label label-info" for="nome">Titolare Cellulare</label>
<div class="row">
<div class="col-xs-6">
<input type="text" class="form-control" id="nome" placeholder="Nome" name="nome" value=""/>
</div>
<div class="col-xs-6">
<input type="text" class="form-control" id="cognome" placeholder="Cognome" name="cognome" value=""/>
</div>
</div>
</div>
<input type="hidden" name="soc">
</div>
<div class="modal-footer">
<input type="submit" class="btn btn-success" value="submit" id="aggiornaContatti" name="aggiornaContatti"/>
</div>
</form>
</div>
</div>
</div>
Script
$(document).ready(function () {
$("#cell").keypress(function (e) {
if (e.which != 8 && e.which != 0 && (e.which < 48 || e.which > 57)) {
return false;
}
});
$("#gestioneRecapiti").click(function () {
$('#controlloMail').modal({
backdrop: 'static',
keyboard: false
});
});
$('#controlloMail').modal({
backdrop: 'static',
keyboard: false
});
$('#contact-form').bootstrapValidator({
excluded: [':disabled'],
feedbackIcons: {
valid: 'glyphicon glyphicon-ok',
invalid: 'glyphicon glyphicon-remove',
validating: 'glyphicon glyphicon-refresh'
},
fields: {
mail: {
validators: {
notEmpty: {
message: 'Required'
},
emailAddress: {
message: 'Invalid Email'
}
}
},
cell: {
validators: {
notEmpty: {
message: 'Required'
}
}
},
name: {
validators: {
notEmpty: {
message: 'Required'
},
stringLength: {
min: 3,
max: 30,
message: 'The name must contain at least 6 characters.'
},
regexp: {
regexp: /^[a-zA-Z]+$/,
message: 'The name must consist of letters only.'
}
}
},
surname: {
validators: {
notEmpty: {
message: 'Required'
},
stringLength: {
min: 3,
max: 30,
message: 'The sur name must contain at least 6 characters.'
},
regexp: {
regexp: /^[a-zA-Z]+$/,
message: 'The sur name must only consist of letters.'
}
}
}
},
submitButtons: '#aggiornaContatti'
}).on('success.form.bv', function (e) {
$.ajax({
type: "POST",
url: "Home/Index",
data: $('#contact-form').serialize(),
success: function (msg) {
$("#controlloMail").modal('hide');
},
error: function () {
alert("Errore");
}
});
});
});
Reference: http://jsfiddle.net/vengateshrkv/o49gfq4q/