import React from 'react'; import { Form, Input, Tooltip, Icon, Cascader, Select, Row, Col, Checkbox, Button, Spin } from 'antd'; import "./account.less"; import ajax from 'jquery/src/ajax/xhr.js' import $ from 'jquery/src/ajax'; import weixin from '../../../image/weixin-w.png'; import qq from '../../../image/qq-w.png'; import weibo from '../../../image/weibo-w.png'; const FormItem = Form.Item; const Option = Select.Option; const LoginContent = Form.create()(React.createClass({ getInitialState() { return { passwordDirty: false, loading: false }; }, handleSubmit(e) { e.preventDefault(); this.props.form.validateFieldsAndScroll((err, values) => { debugger if (!err) { this.setState({ loading: true }); $.ajax({ method: "POST", dataType: "json", crossDomain: false, url: globalConfig.context + "/signin", data: { email: this.state.user, pwd: this.state.password } }).done(function (data) { if (!data.error.length) { window.location.href = "warning.html" } else { this.tips(data.error[0].message); } }.bind(this)).always(function () { this.setState({ loading: false }); }.bind(this)); } }); }, handlePasswordBlur(e) { const value = e.target.value; this.setState({ passwordDirty: this.state.passwordDirty || !!value }); }, checkPassowrd(rule, value, callback) { const form = this.props.form; if (value && value !== form.getFieldValue('password')) { callback('两次密码输入必须相同!'); } else { callback(); } }, checkPhone(rule, value, callback) { const form = this.props.form; if (!(/^1[34578]\d{9}$/.test(value))) { callback('请输入正确的手机号码!'); } else { callback(); } }, checkConfirm(rule, value, callback) { const form = this.props.form; if (value.length < 6) { callback('密码长度必须大于或者等于6位!'); }; if (value && this.state.passwordDirty) { form.validateFields(['confirm'], { force: true }); } callback(); }, render() { const { getFieldDecorator } = this.props.form; const formItemLayout = { labelCol: { span: 6 }, wrapperCol: { span: 14 }, }; const tailFormItemLayout = { wrapperCol: { span: 14, offset: 6, }, }; return (
建议字母、数字和符号两种以上组合,6-20个字符} hasFeedback > {getFieldDecorator('password', { rules: [{ required: true, message: '请输入密码!', }, { validator: this.checkConfirm, }], })( )} 请再次输入密码} hasFeedback > {getFieldDecorator('confirm', { rules: [{ required: true, message: '请再次输入密码!', }, { validator: this.checkPassowrd, }], })( )} 请输入正确的手机号码} hasFeedback > {getFieldDecorator('phone', { rules: [{ required: true, message: '请输入手机号码!' }, { validator: this.checkPhone, }], })( )} 看不清?点击图片更换验证码} > {getFieldDecorator('captcha', { rules: [{ required: true, message: '请输入图片中的验证码' }], })( )} 点击获取后我们将发送验证码到上面手机号} > {getFieldDecorator('phonecaptcha', { rules: [{ required: true, message: '请输入手机获取到的验证码' }], })( )} {getFieldDecorator('agreement', { valuePropName: 'checked', })( 同意 阿凡提会员服务协议条款 )}

已有账号 直接登录

关联账号

关于阿凡提通行证

阿凡提通行证推出的统一账号管理系统,注册阿凡提通行证的用户可以使用同一通行证账号及密码登录阿凡提网及其他关联互联网平台。

); }, })); export default LoginContent;