current position:Home>The method of parameter verification of Vue and the jump push method of user's non login page
The method of parameter verification of Vue and the jump push method of user's non login page
2022-01-26 21:38:36 【Foreigners virtue】
1. Parameter checking
<script> import "~/assets/css/page-sj-person-loginsign.css"; import userApi from "@/api/user"; import {
setUser} from "@/utils/auth"; import WechatLogin from "@/components/wechatLogin/wechatLogin"; export default {
data() {
return {
pojo: {
}, // The entity object of the whole form code: "", // Verification Code checked: false, // Do you agree to the terms of service mobile: "", // Phone number password: "", // password remenberMe: false, // Remember me dialogVisible: false, // pop-up }; }, methods: {
sendsms() {
// Verify phone number if (!/^((13[0-9])|(15[^4])|(18[0,2,3,5-9])|(17[0-8])|(147))\d{8}$/g.test(this.pojo.mobile)) {
this.$message({
message: " Wrong mobile phone filling ", type: 'error', showClose: true, }); return; } userApi.sendsms(this.pojo.mobile).then((response) => {
this.$message({
message: response.data.message, type: (response.data.flag ? 'success' : 'error'), showClose: true, }); }); }, register() {
// data verification let validateObj = this.dataValidate(); if (!validateObj.flag) {
this.$message({
message: validateObj.errMsg, type: 'error', showClose: true, }); return; } // To register userApi.register(this.pojo, this.code).then((response) => {
this.$message({
message: response.data.message, type: (response.data.flag ? 'success' : 'error'), showClose: true, }); }); }, // Check the data dataValidate() {
let errMsg = ""; // Judge nickname if (!this.pojo.nickname) {
errMsg = " The nickname cannot be empty "; return {
flag: false, errMsg, }; } // Determine the password if (!this.pojo.password || this.pojo.password.length <= 6 || this.pojo.password.length >= 16) {
errMsg = " Password length must be in 6-16 within "; return {
flag: false, errMsg, }; } // Have you agreed to the terms of service if (!this.checked) {
errMsg = " You must first agree to the terms of service "; return {
flag: false, errMsg, }; } return {
flag: true, errMsg, }; }, login() {
// Login verification if (!/^((13[0-9])|(15[^4])|(18[0,2,3,5-9])|(17[0-8])|(147))\d{8}$/g.test(this.mobile)) {
this.$message({
message: " Wrong mobile phone filling ", type: 'error', showClose: true, }); return; } if (!this.password) {
this.$message({
message: " The password cannot be empty ", type: 'error', showClose: true, }); return; } userApi.login(this.mobile, this.password).then((response) => {
if (response.data.flag) {
let data = response.data.data; // Store the returned data in cookie setUser(data.id, data.token, data.name, data.avatar); location.href = "/manager"; // Login successful , Jump to user center } else {
this.$message({
message: response.data.message, type: 'error', showClose: true, }); } }); }, showWechatLogin() {
this.dialogVisible = true; }, }, head: {
script: [ // Import and generate wechat QR code js {
src: 'https://res.wx.qq.com/connect/zh_CN/htmledition/js/wxLogin.js'}, ], }, components: {
WechatLogin, }, } </script>
2. When the user is not logged in, the page jumps to
<script> import "~/assets/css/page-sj-person-homepage.css"; import {
getUser} from "@/utils/auth"; export default {
created() {
if (getUser().name === undefined) {
// Not logged in this.$router.push('/login_register'); } }, } </script>
copyright notice
author[Foreigners virtue],Please bring the original link to reprint, thank you.
https://en.cdmana.com/2022/01/202201262138335113.html
The sidebar is recommended
- Spring IOC container loading process
- [thinking] the difference between singleton mode and static method - object-oriented programming
- Hadoop environment setup (MySQL environment configuration)
- 10 minutes, using node JS creates a real-time early warning system for bad weather!
- Git tool
- Force deduction algorithm - 92 Reverse linked list II
- What is the sub problem of dynamic programming?
- C / C + +: static keyword summary
- Idea does not have the artifacts option when configuring Tomcat
- Anaconda can't open it
guess what you like
-
I don't know how to start this
-
Matlab simulation of transportation optimization algorithm based on PSO
-
MySQL slow log optimization
-
[Vue] as the window is stretched (larger, smaller, wider and higher), the text will not be displayed
-
Popular Linux distributions for embedded computing
-
Suzhou computer research
-
After installing SSL Certificate in Windows + tomcat, the domain name request is not successful. Please answer!!
-
Implementation time output and greetings of jQuery instance
-
The 72 year old uncle became popular. Wu Jing and Guo fan made his story into a film, which made countless dreamers blush
-
How to save computer research
Random recommended
- Springboot implements excel import and export, which is easy to use, and poi can be thrown away
- The final examination subjects of a class are mathematical programming, and the scores are sorted and output from high to low
- Two pronged approach, Tsinghua Professor Pro code JDK and hotspot source code notes, one-time learning to understand
- C + + recursive knapsack problem
- The use of GIT and GitHub and the latest git tutorial are easy to understand -- Video notes of crazy God speaking
- PostgreSQL statement query
- Ignition database test
- Context didn't understand why he got a high salary?, Nginxfair principle
- Bootstrap switch switch control user's guide, springcloud actual combat video
- A list that contains only strings. What other search methods can be used except sequential search
- [matlab path planning] multi ant colony algorithm grid map path planning [including GUI source code 650]
- [matlab path planning] improved genetic algorithm grid map path planning [including source code phase 525]
- Iinternet network path management system
- Appium settings app is not running after 5000ms
- Reactnative foundation - 07 (background image, status bar, statusbar)
- Reactnative foundation - 04 (custom rpx)
- If you want an embedded database (H2, hsql or Derby), please put it on the classpath
- When using stm32g070 Hal library, if you want to write to flash, you must perform an erase. If you don't let it, you can't write continuously.
- Linux checks where the software is installed and what files are installed
- SQL statement fuzzy query and time interval filtering
- 69. Sqrt (x) (c + + problem solving version with vs runnable source program)
- Fresh students are about to graduate. Do you choose Java development or big data?
- Java project: OA management system (java + SSM + bootstrap + MySQL + JSP)
- Titanic passenger survival prediction
- Vectorization of deep learning formula
- Configuration and use of private image warehouse of microservice architect docker
- Relearn JavaScript events
- For someone, delete return 1 and return 0
- How does Java dynamically obtain what type of data is passed? It is used to judge whether the data is the same, dynamic data type
- How does the database cow optimize SQL?
- [data structure] chain structure of binary tree (pre order traversal) (middle order traversal) (post order traversal) (sequence traversal)
- Webpack packaging optimization solution
- 5. Operation element
- Detailed explanation of red and black trees
- redhat7. 9 install database 19C
- Blue Bridge Cup notes: (the given elements are not repeated) complete arrangement (arrangement cannot be repeated, arrangement can be repeated)
- Detailed explanation of springboot default package scanning mechanism and @ componentscan specified scanning path
- How to solve the run-time exception of test times
- Detailed explanation of k8s management tool kubectl
- Android system view memory command