vee验证插件

来源:互联网 发布:如何修改淘宝店铺名 编辑:程序博客网 时间:2024/05/26 22:07
<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>