Question

Chrome字段自动填充会在删除字段时重新填充电子邮件/密码输入，从而阻止用户使用其他电子邮件/密码登录。尝试删除我们的原始表单实现并使用redux-form但是仍然会遇到同样的问题。有没有人遇到过这个问题？

版 “preact”：“8.2.5”， “redux”：“3.7.2”， “反应”：“^ 15.4.2”，

Chrome 65.0.3325.181

组件：

import { Field } from 'redux-form';

import { Form } from '../form';
import { SubmitButton } from '../../buttons';
import styles from './create-account.styl';

export const CreateAccount = (props) => {
    const {
        canSubmit,
        onFormSubmit,
    } = props;

    return (
        <Form
            class={styles.root}
            heading="Heading"
            onSubmit={onFormSubmit}
        >
            <Field
                class={styles.field}
                name="email"
                component="input"
                type="email"
            />

            <Field
                class={styles.field}
                name="password"
                component="input"
                type="password"
            />

            <div class={styles.actions}>
                <SubmitButton
                    class={styles.submit}
                    disabled={!canSubmit}
                >
                    Submit
                </SubmitButton>
            </div>
        </Form>
    );
};

容器：

import { compose } from 'recompose';
import { reduxForm } from 'redux-form';
import { CreateAccount } from './create-account';

const enhance = compose(
    reduxForm({
        form: 'test',
    }),
);

export default enhance(CreateAccount);

Answer 1

之前我遇到过同样的问题。我按照某人的建议解决了这个问题（抱歉，我不记得链接）。请尝试首先在表单中添加以下输入字段。

<input type="email" name="email1" style={{display: 'none'}} />
<input type="password" name="password1" style={{display:'none'}} />

如果您还有问题，请告诉我

删除字段后，Chrome自动填充会重新填充输入

1 个答案: