I'm currently implementing modal Bootstrap in my ASP.NET website. I have encountered an issue where the text in the modal does not change according to the errors returned in the code behind, even after modifying the text value of the control before making the call. Here is my HTML code:
<!-- /.modal error-->
<div id="ModalError" class="modal fade bs-example-modal-center" tabindex="-1" role="dialog" aria-labelledby="myCenterModalLabel" aria-hidden="true" style="display: none;">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content alert-primary">
<div class="modal-header">
<h4 class="modal-title text-danger" id="CenterModalLabel">Error</h4>
<i class="mdi mdi-alert-octagon-outline" style="font-size:30px"></i>
</div>
<div class="modal-body">
<asp:Label runat="server" ID="ltlErrormsg" Text="Error"></asp:Label>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary btn-danger" data-dismiss="modal">Ok</button>
</div>
</div><!-- /.modal-content -->
</div><!-- /.modal-dialog -->
</div><!-- /.modal -->
<script>
function openModal() {
$('#ModalInfo').modal('show');
}
function openModalErr() {
$('#ModalError').modal('show');
}
ValidatorUpdateIsValid = function () {
Page_IsValid = AllValidatorsValid(Page_Validators);
SetValidatorStyles();
}
SetValidatorStyles = function () {
var i;
// clear all
for (i = 0; i < Page_Validators.length; i++) {
var inputControl = document.getElementById(Page_Validators[i].controltovalidate);
if (null != inputControl) {
WebForm_RemoveClassName(inputControl, 'parsley-error');
}
}
// set invalid
for (i = 0; i < Page_Validators.length; i++) {
inputControl = document.getElementById(Page_Validators[i].controltovalidate);
if (null != inputControl && !Page_Validators[i].isvalid) {
WebForm_AppendToClassName(inputControl, 'parsley-error');
}
}
}
</script>
This is the code in my code behind:
Private Sub cmdCambiaPwd_Click(sender As Object, e As EventArgs) Handles cmdCambiaPwd.Click
Dim strOldPassword As String
If txtPassword.Value = "" Then
ltlErrormsg.Text = "Please fill in the password"
ScriptManager.RegisterStartupScript(Me, Me.GetType(), "Pop", "openModalErr();", True)
Exit Sub
End If