Hi,
I'm trying to build a form using bootstrap 4 but as far as I'm trying to, I never succeed in setting the value in input text client side for modal form , it never works...
The form is:
<div id="contact-modal" class="modal fade" role="dialog">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<a class="close" data-dismiss="modal">◊</a>
<h3>Contact Form</h3>
</div>
<form id="contactForm" name="contact" role="form">
<div class="modal-body">
<div class="form-group">
<label for="name">Name</label>
<input type="text" name="name" class="form-control">
</div>
<div class="form-group">
<label for="email">Email</label>
<input type="email" name="email" class="form-control">
</div>
<div class="form-group">
<label for="message">Message</label>
<textarea name="message" class="form-control"></textarea>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
<input type="submit" class="btn btn-success" id="submit">
</div>
</form>
</div>
</div>
</div>
The function that never works is:
<script>
$('#contact-modal').on('show.bs.modal', function() {
alert("prima");
$("#name").attr({
"value" : ëtestí
});
})
</script>
I could really use any help, thanks!
I'm trying to build a form using bootstrap 4 but as far as I'm trying to, I never succeed in setting the value in input text client side for modal form , it never works...
The form is:
<div id="contact-modal" class="modal fade" role="dialog">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<a class="close" data-dismiss="modal">◊</a>
<h3>Contact Form</h3>
</div>
<form id="contactForm" name="contact" role="form">
<div class="modal-body">
<div class="form-group">
<label for="name">Name</label>
<input type="text" name="name" class="form-control">
</div>
<div class="form-group">
<label for="email">Email</label>
<input type="email" name="email" class="form-control">
</div>
<div class="form-group">
<label for="message">Message</label>
<textarea name="message" class="form-control"></textarea>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
<input type="submit" class="btn btn-success" id="submit">
</div>
</form>
</div>
</div>
</div>
The function that never works is:
<script>
$('#contact-modal').on('show.bs.modal', function() {
alert("prima");
$("#name").attr({
"value" : ëtestí
});
})
</script>
I could really use any help, thanks!