Validation message not working

<link rel="stylesheet" type="text/css" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css" />
<script type="text/javascript" src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'>script>
<script type="text/javascript" src='http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js'>script>
<script type="text/javascript" src='http://cdnjs.cloudflare.com/ajax/libs/bootstrap-validator/0.4.5/js/bootstrapvalidator.min.js'>script>
<script type="text/javascript">
$(document).ready(function () {
$('[id*=btnSave]).on("click", function () {
var validator = $('[id*=reg_form]').data('bootstrapValidator');
validator.validate();
return validator.isValid();
});
ValidateForm();
});
function ValidateForm() {
$('[id*=reg_form]').bootstrapValidator({
feedbackIcons: {
valid: 'glyphicon glyphicon-ok',
invalid: 'glyphicon glyphicon-remove',
validating: 'glyphicon glyphicon-refresh'
},
fields: {
name: {
validators: {
stringLength: {
min: 2
},
notEmpty: {
message: 'Name required'
}
}
},
city: {
validators: {
stringLength: {
min: 2
},
notEmpty: {
message: 'City required'
}
}
},
}
});
}
script>
<form runat="server" class="form-horizontal" id="reg_form">
<fieldset>
<legend>Personal Information legend>
<div class="form-group">
<label class="col-md-4 control-label">
Namelabel>
<div class="col-md-6 inputGroupContainer">
<div class="input-group">
<span class="input-group-addon"><i class="glyphicon glyphicon-user">i>span>
<input name="name" placeholder="Name" class="form-control" type="text" />
div>
div>
div>
<div class="form-group">
<label class="col-md-4 control-label">
Citylabel>
<div class="col-md-6 inputGroupContainer">
<div class="input-group">
<span class="input-group-addon"><i class="glyphicon glyphicon-user">i>span>
<input name="city" placeholder="City" class="form-control" type="text" />
div>
div>
div>
fieldset>
form>

1 Reply

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

Vishal Yelve4y ago
1. <link rel="stylesheet" type="text/css" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css" />
2. <script type="text/javascript" src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'>script>
3. <script type="text/javascript" src='http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js'>script>
4. <script type="text/javascript" src='http://cdnjs.cloudflare.com/ajax/libs/bootstrap-validator/0.4.5/js/bootstrapvalidator.min.js'>script>
5. <script type="text/javascript">
7. $(document).ready(function () {
8. $('[id*=btnSave]).on("click", function () {
9. var validator = $('[id*=reg_form]').data('bootstrapValidator');
10. validator.validate();
11. return validator.isValid();
12. });
13. ValidateForm();
14. });
16. function ValidateForm() {
17. $('[id*=reg_form]').bootstrapValidator({
18. feedbackIcons: {
19. valid: 'glyphicon glyphicon-ok',
20. invalid: 'glyphicon glyphicon-remove',
21. validating: 'glyphicon glyphicon-refresh'
22. },
23. fields: {
24. name: {
25. validators: {
26. stringLength: {
27. min: 2
28. },
29. notEmpty: {
30. message: 'Name required'
31. }
32. }
33. },
34. city: {
35. validators: {
36. stringLength: {
37. min: 2
38. },
39. notEmpty: {
40. message: 'City required'
41. }
42. }
43. },
44. }
45. });
46. }
47. script>
50. <form runat="server" class="form-horizontal" id="reg_form">
51. <fieldset>
53. <legend>Personal Information legend>
55. <div class="form-group">
56. <label class="col-md-4 control-label">
57. Namelabel>
58. <div class="col-md-6 inputGroupContainer">
59. <div class="input-group">
60. <span class="input-group-addon"><i class="glyphicon glyphicon-user">i>span>
61. <input name="name" placeholder="Name" class="form-control" type="text" />
62. div>
63. div>
64. div>
66. <div class="form-group">
67. <label class="col-md-4 control-label">
68. Citylabel>
69. <div class="col-md-6 inputGroupContainer">
70. <div class="input-group">
71. <span class="input-group-addon"><i class="glyphicon glyphicon-user">i>span>
72. <input name="city" placeholder="City" class="form-control" type="text" />
73. div>
74. div>
75. div>
76. fieldset>
77. form>
also please refer below url: https://www.aspsnippets.com/questions/100319/Validate-form-using-BootstrapValidator-on-Button-click-using-jQuery-in-ASPNet/
0