目的:我们要想实现利用正则实现用户登陆验证,正确则跳转到个人主页,错误则提示输入错误
我们会想到用form表单来实现页面的跳转,但使用form表单就无法利用正则来判断输入的数据的正错,无论输入对错,都会跳转到action的页面
所以我们选择利用原生js来实现我们想要的效果
首先我们需要获取输入框的值:
我们还是用到了from表单👵
先给form加个name属性,再给input加个name属性
<form name="form">
<input type="text" maxlength="11" name="input1">
</form>
然后用js获取输入的值
var x=document.forms["form"]["input1"].value;
然后利用正则判断输入的数据是否正确,通过onclick来触发函数。
var input1=document.getElementById("input1");
var Pattern1=/^1[3|4|5|7|8]\d{9}$/;
input2.onclick=function(){
jiansuo();
}
function jiansuo(){
var x=document.forms["form"][&