<body>
<div id="app">
<validator name="validation1">
<form novalidate>
<div class="username-field">
<label for="username">username:
</label>
<input id="username" type="text" v-validate:username="['required']">
</div>
<div class="comment-field">
<label for="comment">comment:
</label>
<input id="comment" type="text" v-validate:comment="{ minlength: 2 }">
</div>
<div class="errors">
<p v-if="$validation1.username.required">Required your name.
</p>
<p v-if="$validation1.comment.minlength">Your comment is too long.
</p>
</div>
<input type="submit" value="send" v-if="$validation1.valid">
</form>
</validator>
<script>
var vm = new Vue({
el: '#app'
})
</script>
</body>
转载请注明原文地址: https://www.6miu.com/read-72210.html
