Когда я нажимаю для отправки, некоторые поля ввода остаются пустыми. Поэтому я хочу, чтобы отображалось окно с предупреждением для ввода значения в пустое поле ввода. Снимок экрана: prnt.sc/pjwf7a
HTML код:
<div class="contact-form" id="form-details">
<div class="form-group">
<input type="text" class="form-control" placeholder="Enter Your Name" v-model="newName">
</div>
<div class="form-group">
<input type="email" class="form-control" placeholder="Enter Your Email" v-model="newName">
</div>
<div class="form-group">
<input type="text" class="form-control" placeholder="Enter Your Phone Number" v-model="newName">
</div>
<div class="form-group messagebox">
<textarea class="form-control" placeholder="Type your message..." v-model="newName"></textarea>
</div>
<div class="submit-btn">
<div class="form-group">
<input type="submit" class="btn btn_default" value="Free Online Course" v-on:click="addName">
</div>
</div>
</div>
Vue script:
var formalert = new Vue({
el: '#form-details',
data: {
newName:''
},
methods: {
addName() {
alert('Enter Your Name');
}
},
});