这里我使用的是 Vue Js 的 VeeValidate 表单验证库。使用 CDN 我试图实现这一点,但我无法验证电子邮件输入字段。所以我哪里出错了,请告诉是否有人能找到问题。
<html>
<head>
<!-- jsdelivr cdn -->
<script src="https://cdn.jsdelivr.net/npm/vee-validate@latest/dist/vee-validate.js"></script>
<script src="https://unpkg.com/vue@next"></script>
<!-- cloudflair cdn -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/vee-validate/2.1.1/vee-validate.min.js"></script>
</head>
<body>
<input v-validate="'required|email'" name="email" type="text">
<span>{{ errors.first('email') }}</span>
</body>
</html>
答案 0 :(得分:0)
Vue.use(VeeValidate);
new Vue({
el: '#root',
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/vee-validate/2.2.9/vee-validate.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/@vee-validate/rules@4.4.7/dist/vee-validate-rules.min.js"></script>
<div id="root">
<div>
<input v-validate="'required|email'" name="email" type="text">
<span>{{ errors.first('email') }}</span>
</div>
</div>
您忘记将 Vue 对象绑定到 HTML 元素,即
new Vue({
el: '#root',
});
我还使用
添加了 vee 验证插件Vue.use(VeeValidate);
请注意我使用的是 Vue 2 而不是 3