测试邮箱格式

测试邮箱格式 html react

部分代码

// 初始化数据
constructor(options) {
    super(options);
    this.state = {
        Mail: '',//邮箱
        ValidateMail: {
            validate: true,//是否正确
            msgWrong: '请输入正确的邮箱格式'//错误提示信息
        }
    }
}


validateMail() {//验证邮箱
    const reg = new RegExp("^[a-z0-9]+([._\\-]*[a-z0-9])*@([a-z0-9]+[-a-z0-9]*[a-z0-9]+.){1,63}[a-z0-9]+$")
    let { Mail } = this.state
    let validateTemp=reg.test(Mail)
    this.setState(preState => {
        return Object.assign({}, preState, {
            ValidateMail: Object.assign({}, preState.ValidateMail, {
                validate: validateTemp
            })
        })
    })
    return validateTemp
}




<tr>
    <td><label htmlFor="txtMail" >邮箱：</label></td>
    <td><input
        type="text"
        id="txtMail"
        name="Mail"
        onChange={this.handlerChange}
        value={this.state.Mail} />
    </td>
</tr>
{
    !this.state.ValidateMail.validate &&
    <tr>
        <td></td>
        <td>
            <span>{this.state.ValidateMail.msgWrong}</span>
        </td>
    </tr>
}