JS_204687

表单验证与正则表达式技巧

最新推荐文章于 2020-09-06 20:43:02 发布

原创最新推荐文章于 2020-09-06 20:43:02 发布 · 210 阅读

0 ·

CC 4.0 BY-SA版权

本文详细介绍了如何使用JavaScript进行表单验证，包括整体表单判定、必选项检查以及利用正则表达式验证特定格式的数据，如验证码和手机号码。掌握这些技巧能够帮助开发者确保用户输入的数据符合预期格式。

1、表单判定
要求一个表单，内容全部符合格式要求，才能submit。

<script>
function allF(){
	if(!aF()) return false;
	if(!bF()) return false;
	if(!cF()) return false;
	...
}
</script>

<form action="需要跳转的网址或文件夹" οnsubmit="return allF();">

2、必须勾选

explorer里直接<input …required>就有效果；chrome貌似需要js判定。方式如下：

if(!document.getElementById("radio").chacked){
aler("请勾选***");
return false;
}return true;

3、尤其需要注意，script中任意一个函数写错，整体会无法进行判定，submit按钮会正常提交！//另外，css文件使用<link … href="…">，js使用<script src="…"></script>

4、常见正则表达式及使用
a、验证码型
必须四位——length
四位数字：

function yzmF(){
var yzmText=document.getElementById("yzm").value;
var yzmPATT=/^[0-9]{4}$/;
if(!yzmPATT.test(yzmText)){
alert("验证码必须是四位数字");
return false;
}return true;
}

b、手机号码型
长度11且开头必须为1：

function PhoneNumber(){
var numberText=document.getElementById("phone").value;
if(!(/^1[0-9]{10}$/).test(numberText)){
alert("手机号码长度为11且首位为1");
return false;
}return true;
}