在最近的項目中做了一個表單驗證的問題,因為沒有用組件,是純手寫的,所以用到了RegExp的test()方法,下面簡單的說一下用法:
語法:regexObj.test(str)
參數是一個字符串類型的值,返回true或者false,如果匹配返回true,否則返回false。
還有一個是獲取到input里的輸入的值,這個值就是字符串類型,可以作為test()的參數。
我使用的是VUE,簡單的寫一下用到的代碼:
<template>
<el-input v-model="newPassword" class="new_password" placeholder="請輸入新密碼"></el-input>
</template>
<script>
_self.newPassword = $('.new_password .el-input__inner').val() //獲取到input里的輸入的值,類型是字符串
const regExp = /^(?![0-9]+$)(?![a-zA-Z]+$)(?!([^(0-9a-zA-Z)]|[\\(\\)])+$)([^(0-9a-zA-Z)]|[\\(\\)]|[a-zA-Z]|[0-9]){6,16}$/
if (regExp.test(_self.newPassword) === false) {
alert("false")
} else {
alert("true")
}
</stript>
