//ͷ头部
class Header extends React.Component {
goBack (){
window.history.go(-1);
}
render() {
var styleDiv = {
width:'100%',
height:'70px',
lineHeight:'70px'
}
var styleImg = {
marginLeft:'10px',
marginRight:'10px'
}
return (
<div style={styleDiv}>
<a href="#" onClick={()=>this.goBack()} >
<img src="./images/back.png" style={styleImg}/>
</a>
</div>
)
}
}
//中间表单
class Content extends React.Component{
constructor(props){
super(props);
this.state = {
telError:null,
passwordError:null,
imageShow:true
}
}
//手机号判断
telCheck(event){
this.tel=event.target.value
console.log(this.tel)
var reg=/^1[34578]\d{9}$/;
if(reg.test(this.tel)==false){
this.setState({
telError:"请输入正确的手机号"
})
}else{
this.setState({
telError:""
})
}
}
//密码判断
passwordCheck(event){
this.password=event.target.value
var reg=/^\w{6,20}$/
react实现登录页面demo
最新推荐文章于 2024-06-28 19:14:26 发布