Heim > Artikel > Web-Frontend > Informationen zur Implementierung der Formularvalidierungsfunktionen von vue und vue-validator
Informationen zur Implementierung der Formularvalidierungsfunktionen von vue und vue-validator
- 不言Original
- 2018-06-25 10:09:582306Durchsuche
In diesem Artikel wird hauptsächlich der Implementierungscode der Formularüberprüfungsfunktion vue+vue-validator vorgestellt. Er ist sehr gut und hat Referenzwert. Freunde in Not können sich auf das offizielle Dokument beziehen: http://. vuejs. github.io/vue-validator/zh-cn/index.html
Github-Projektadresse: https://github.com/vuejs/vue-validator
Das Folgende wird vorgestellt Der spezifische Code von vue+ lautet wie folgt:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<p id="app">
<validator name="myForm">
<form novalidate>
Zip: <input type="text" v-validate:zip="['required']"><br />
<p>
<span v-if="$myForm.zip.required">Zip code is required.</span>
</p>
</form>
</validator>
</p>
<script src="https://unpkg.com/vue@1.0.26/dist/vue.min.js"></script>
<script src="https://cdn.bootcss.com/vue-validator/2.1.3/vue-validator.js"></script>
<script>
new Vue({
el:"#app"
})
</script>
</body>
</html>rreeeDas Obige ist der gesamte Inhalt dieses Artikels. Ich hoffe, dass er für das Lernen aller hilfreich ist Achten Sie auf die chinesische PHP-Website!
Verwandte Empfehlungen:
So verwenden Sie Excel-ähnliche Komponenten in Vue+CanvasSo implementieren Sie die Datenanforderungsanzeige beim Laden von Vue2 BildDas obige ist der detaillierte Inhalt vonInformationen zur Implementierung der Formularvalidierungsfunktionen von vue und vue-validator. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!