node-swallowjs/src/tags/AuthEmail.jsx

epp portal

var AuthEmail = React.createClass({
    mixins: [FormMixin],
    shouldUpdate: false,
    getInitialState() {
        return {}
    },
    handleSubmit(e) {
        api.compVerifyCode(this.state.email, TRIM(this.state.verifyCode), function(code) {
            switch(code) {
            case '1000':
                this.state.message = "邮箱认证成功";
                this.props.onFinish();
                break;
            case '2501':
                logout();
                return;
                break;
            default:
                this.state.message = "邮箱认证失败";
            }
            this.forceUpdate();
        }.bind(this));
    },
    render() {
        return (
            <div>
            <table align="center" border="0">
            <tbody>
              <tr>
                <td align="center" colSpan="2">{this.props.children}</td>
              </tr>
              <tr>
                <td>请输入验证码：</td>
                <td>
                  <input {...this.linkState({
                      name: 'verifyCode',
                      type: 'text',
                      size: 16,
                      maxLength: 16
                  })}/>
                </td>
              </tr>
              <tr>
                <td height="16" colSpan="2"></td>
              </tr>
              <tr>
                <td align="center" colSpan="2">
                  <input type="button" value="提交" onClick={this.handleSubmit}/>
                </td>
              </tr>
            </tbody>
            </table>
            <OpResult content={this.state.message} />
            </div>
        )
    }
});