如何解决Safari 输入 type="number" 和模式不会阻止字母输入
在 Chrome 上运行时不适用于 safari 浏览器。我也尝试过类似我研究的结果,但我无法确保在 safari 中可以单独输入数字。
我使用 Redux 形式。字段组件;
<Field
name={name}
component={renderFieldInput}
type={type}
placeholder={placeholder}
isdisabled={isdisabled}
maxLength={maxLength}
min={min}
max={max}
/>
renderFieldInput 组件;
const renderFieldInput = ({
input,maxLength,min,max,label,placeholder,type,mask,isdisabled,Meta: { touched,error } }) => (
<div className="form__form-group-input-wrap">
<input {...input} placeholder={placeholder} type={type} disabled={isdisabled} maxLength={maxLength} min={min} max={max} mask="[0-9]*" pattern="[0-9]*" inputMode="numeric" />
{touched && error && <span className="form__form-group-error">{error}</span>}
</div>
);
我在这里添加了 pattern = "[0-9] *" inputMode = "numeric" 部分来尝试,但没有用。
任何帮助。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。