Error Message not getting displayed

Ramco Ramco

$('#locationFormId').bootstrapValidator({
container: '#messages',
feedbackIcons: {
valid: 'glyphicon glyphicon-ok',
invalid: 'glyphicon glyphicon-remove',
validating: 'glyphicon glyphicon-refresh'
},
fields: {
Id: {
validators: {
notEmpty: {
message: 'Id is required and cannot be empty'
}
},
stringLength: {
max: 4,
message: 'Id must not be more than 4 characters long'
},
regexp: {
regexp: /^[a-zA-Z\.]+$/,
message: 'Id can only consist of alphabets.'
}
},
Description: {
validators: {
notEmpty: {
message: 'Description is required and cannot be empty'
}
},
stringLength: {
max: 25,
message: 'Description must not be more than 25 characters long'
},
regexp: {
regexp: /^[a-zA-Z\.]+$/,
message: 'Description can only consist of alphabets.'
}
}
}
});

*******************************************************************************************

@using (Html.BeginForm("CreateEdit", "Location", FormMethod.Post,new { @id = "locationFormId", @class = "form-horizontal", role = "form" }))
{

}

Thanks

7 Replies

Know the answer? Post it — somebody with the same question will find it here.

Ramco Ramco5y ago
Hi Sachin

Nothing happend when clicked ot moved over X

Thanks
Sachin Singh5y ago
error messages are displayed either on tooltip or popover so click on 'X' symbol you will see the messages.
but if you want to display them explicitely then you will have to use span tag as shown below
<span class="help-block" id="txtDescriptionMessage">
Ramco Ramco5y ago
Hi Sachin

Why messages r not getting displayed.

Thanks
Sachin Singh5y ago
Yes, instead of id the validator works on name property so your previous code was correct, I just rechecked it.
Ramco Ramco5y ago
Hi Sachin

Now nothing is working

fields: {
txtId: {
validators: {
notEmpty: {
message: 'Id is required and cannot be empty'
}
},
stringLength: {
max: 4,
message: 'Id must not be more than 4 characters long'
},
regexp: {
regexp: /^[a-zA-Z\.]+$/,
message: 'Id can only consist of alphabets.'
}
},
txtDescription: {
validators: {
notEmpty: {
message: 'Description is required and cannot be empty'
}
},
stringLength: {
max: 25,
message: 'Description must not be more than 25 characters long'
},
regexp: {
regexp: /^[a-zA-Z\.]+$/,
message: 'Description can only consist of alphabets.'
}
}
}

Thanks
Sachin Singh5y ago
You have different IDs named in actual controls and in the validator, both must be the same. for example, your real Id is txtId and txtDescription but in the validator, it is just Id and description, so how will it work?
modify as
$(document).ready(function() {

$('#locationFormId').bootstrapValidator({
container: '#messages',
feedbackIcons: {
valid: 'glyphicon glyphicon-ok',
invalid: 'glyphicon glyphicon-remove',
validating: 'glyphicon glyphicon-refresh'
},
fields: {
txtId: {
validators: {
notEmpty: {
message: 'Id is required and cannot be empty'
}
},
stringLength: {
max: 4,
message: 'Id must not be more than 4 characters long'
},
regexp: {
regexp: /^[a-zA-Z\.]+$/,
message: 'Id can only consist of alphabets.'
}
},
txtDescription: {
validators: {
notEmpty: {
message: 'Description is required and cannot be empty'
}
},
stringLength: {
max: 25,
message: 'Description must not be more than 25 characters long'
},
regexp: {
regexp: /^[a-zA-Z\.]+$/,
message: 'Description can only consist of alphabets.'
}
}
}
});
});
Sachin Singh5y ago
put the validator either inside the ready function or below the form, the point is, it must be initialized before the form loads.
$(document).ready(function() {

$('#locationFormId').bootstrapValidator({
container: '#messages',
feedbackIcons: {
valid: 'glyphicon glyphicon-ok',
invalid: 'glyphicon glyphicon-remove',
validating: 'glyphicon glyphicon-refresh'
},
fields: {
Id: {
validators: {
notEmpty: {
message: 'Id is required and cannot be empty'
}
},
stringLength: {
max: 4,
message: 'Id must not be more than 4 characters long'
},
regexp: {
regexp: /^[a-zA-Z\.]+$/,
message: 'Id can only consist of alphabets.'
}
},
Description: {
validators: {
notEmpty: {
message: 'Description is required and cannot be empty'
}
},
stringLength: {
max: 25,
message: 'Description must not be more than 25 characters long'
},
regexp: {
regexp: /^[a-zA-Z\.]+$/,
message: 'Description can only consist of alphabets.'
}
}
}
});
});