Javascript 我想在Vue js中添加带有警报框的表单验证

单击提交时，某些输入字段为空。因此，我希望显示一个警报框，用于在空输入字段中输入值。截图图像：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>

---

请更改此代码：

input type="submit" class="btn btn_default" value="Free Online Course" v-on:click="addName"</br>

---

希望它对您有用：）

它如何不详细工作？我的意思是，它是nt可点击的，还是不管输入的名称是什么都会发出警报，或者反之亦然？目前，你们的问题太笼统了，因为“不工作”这个短语总是这样。当我点击提交时，一些输入字段是空的。因此，我希望显示一个警报框，用于在空输入字段中输入值。

input type="submit" class="btn btn_default" value="Free Online Course" v-on:click="addName"</br>

input type="button" class="btn btn_default" value="Free Online Course" v-on:click="addName"