Netlify скрывает поле электронной почты - PullRequest
Новая
       4

Netlify скрывает поле электронной почты

0 голосов
/ 24 апреля 2019

Я недавно создал приложение Netlify с Gatsby JS и формой Netlify. В качестве поля формы у меня есть следующее: 

<form
    action="#"
    method="post"
    name="contact"
    className="footer-form"
    data-netlify="true">
    <input
        id="name"
        type="text"
        name="name"
        placeholder="Name"
        value={this.state.name}
        className="footer-form__input"
        onChange={e => this.setState({ name: e.target.value })}
    />

    <input
        id="email"
        name="name"
        type="email"
        className="footer-form__input"
        value={this.state.email}
        onChange={e => this.setState({ email: e.target.value })}
        placeholder="Email address"
    />

    <textarea
        id="message"
        name="message"
        className="footer-form__input footer-form__textarea"
        value={this.state.message}
        onChange={e => this.setState({ message: e.target.value })}
        placeholder="Your message"
    />

    <button type="submit" className="footer-form__button">
        Submit
    </button>
</form>

В процессе разработки поле электронной почты отображается в соответствии с планом. Но в производстве, особенно в системе netlify, отображается только имя и поле сообщения.

Кстати, отправка форм отлично работает на производстве, показывая только «имя» и «сообщение» внутри панели мониторинга Netlify.

Может ли быть причина, по которой это происходит?

1 Ответ

2 голосов
/ 24 апреля 2019

Первые 2 из ваших входов имеют одинаковое имя: 

    <input
        id="name"
        type="text"
        name="name"
        ...
    />

    <input
        id="email"
        name="name"
        type="email"
        ...
    />

Netlify может полагаться на имя поля, чтобы различаться между разными входами. Вы бы попытались исправить это и посмотреть, если проблема все еще возникает?

...