刚开始自学php，关于表单验证，不明白，求帮忙，该怎么处理
1个回答
展开全部
初学的话前端可以使用Javascript验证，在<form>标签加一个onsubmit事件调用js代码，下面我把我以前上课时候一个例题让你参考，表单验证可以考虑使用正则表达式，方便快捷。希望能帮到你哦！
register.php文件代码
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>用户注册</title>
<script type="text/javascript" src="js/checkForm.js"></script>
</head>
<body>
<form action="formCheck.php" method="post" onsubmit="return check()">
<label>用户名（Username）：
<input type="text" name="userName" id="userName"><span>（必填项目）（建议使用真实姓名注册）</span>
</label><br>
<label>口令：
<input type="password" name="password1" id="password1"><span>（必填项目）</span>
</label><br>
<label>确认口令：
<input type="password" name="password2" id="password2"><span>（必填项目）</span>
</label><br>
用户身份<select name="job" id='job'>
<option value=""></option>
<option value="学生">学生</option>
<option value="老师">老师</option>
<option value="工人">工人</option>
</select><br>
个人真实信息（以下请填写真实内容）<br>
<label>真实姓名
<input type="text" name="name" id="name"><span>（必填项目）</span>
</label><br>
性别
<input type="radio" name="gender" value="男" id="man">男
<input type="radio" name="gender" value="女" id="woman">女<span>（必填项目）</span><br>
<label>个人说明
<textarea name="textarea" rows="3" cols="40" >我是一个快乐的男孩(女孩)</textarea><span>（必填项目）</span>
</label><br>
<input type="submit" name="submit" value="提交">
<input type="reset" name="reset" value="重置">
</form>
</body>
</html>
表单验证checkForm.js
function check(){
var userName=document.getElementById("userName");
var password1=document.getElementById("password1");
var password2=document.getElementById("password2");
var name=document.getElementById("name");
var job=document.getElementById("job");
var man=document.getElementById("man");
var woman=document.getElementById("woman");
var checkName=/[^\w\u4e00-\u9fa5]/g;
var checkPassword=/^\d+$/g;
if(checkName.test((userName.value))||userName.value==""){
alert("请输入正确的用户名哦！");
return false;
}
if(password1.value==""){
alert("密码不能为空哦！");
return false;
}
if(password1.value.length<6||password2.length<6){
alert("密码过于简单，请重新输入！");
return false;
}
if(password1.value!=password2.value){
alert("两次密码不一样，请重新输入！");
return false;
}
if(checkPassword.test(password1.value)||checkPassword.test(password2.value)){
alert("密码不能全为数字！");
password1.value='';
password2.value='';
return false;
}
if(job.value==''){
alert("请选择用户身份");
return false;
}
if(checkName.test((name.value))||name.value==""){
alert("请输入正确的真实姓名哦！");
return false;
}
if(!man.checked&&!woman.checked){
alert("请输选择性别哦！");
return false;
}
}
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
