type = email的输入值不包含空格

时间:2017-01-31 10:23:48

标签: javascript html validation reactjs dom

使用type="email"的输入似乎与获取type="text的输入的行为有所不同。

请参阅http://jsbin.com/lanarureta/edit?html,js,console,output

我试图获取带有空格的值,以便在React中的受控表单组件中使用它。现在,该值与州中显示的值不同:

<InputField
  value={props.value}
  onChange={(e, value) => props.onFieldChange("email", value)}
  type="email"
/>

这会导致光标跳转。 (见https://codepen.io/anon/pen/RKQrvr?editors=0010

我的解决方案是获取空格的值(没有任何剥离)。当我想保留type="email"时,我怎么能这样做?

这似乎只发生在Chrome和Safari上。

0 个答案:

没有答案