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 (