Codeigniter: Показать ошибки проверки формы в формате всплывающей подсказки
Я использую простую регистрационную форму для своего сайта. Где я хочу показать ошибки в формате всплывающей подсказки. Возможно ли это?
Я пробовал некоторые из решений, но это не работает.
$(function () {
$('input[name=name]').tooltip({
placement: "right",
container:'#nameDiv',
title: '<?php echo $error_title;?>',
/*trigger: "hover"*/
}).tooltip('show');
});
Решение
Вы когда-нибудь слышали о Jquery Validation Engine?
Давай попробуем:
Другие решения
Вот как вы можете сделать:
<form id="messageForm" class="form-horizontal">
<div class="form-group">
<label class="col-xs-3 control-label">Message</label>
<div class="col-xs-9">
<textarea class="form-control" name="message" rows="5"></textarea>
</div>
</div>
<div class="form-group">
<label class="col-xs-3 control-label">Email address</label>
<div class="col-xs-6">
<input type="text" class="form-control" name="email" />
</div>
</div>
<div class="form-group">
<div class="col-xs-9 col-xs-offset-3">
<button type="submit" class="btn btn-default">Send</button>
</div>
</div>
</form>
<script>
$(document).ready(function() {
$('#messageForm').formValidation({
framework: 'bootstrap',
icon: {
valid: 'glyphicon glyphicon-ok',
invalid: 'glyphicon glyphicon-remove',
validating: 'glyphicon glyphicon-refresh'
},
fields: {
message: {
// The messages for this field are shown as usual
validators: {
notEmpty: {
message: 'The message is required'
},
stringLength: {
min: 20,
max: 500,
message: 'The message must be more than 20 and less than 500 characters long'
}
}
},
email: {
// Show the message in a tooltip
err: 'tooltip',
validators: {
notEmpty: {
message: 'The email address is required'
},
emailAddress: {
message: 'The email address is not valid'
}
}
}
}
});
});
</script>
Ссылка Ссылка:
Использование Bootstrap
Приведенный выше пример использует Bootstrap, вы даже можете сделать это с помощью Jquery / Javascript.