HTML输入类型=“数字”浏览器行为问题

时间:2014-03-13 17:26:14

标签: html html5 floating-point

这是我第一次使用输入类型="数字"。根据我使用的浏览器,以下混合结果验证以下内容。 Chrome可以很好地工作,验证正则表达式和最小/最大值。 IE和FF仅验证正则表达式。最糟糕的是,似乎IE完全拒绝减号。

我不太确定如何继续。我应该放弃使用输入类型="数字"并坚持服务器端验证?看起来我可能不得不如果IE赢了不接受减号。

JSFiddle

        <form action="#" method="post">
        <fieldset>
            <div>
                <fieldset>
                    <div>
                        <div>
                            <label for="field_latitude">Latitude <span>*</span></label>
                            <input
                                type="number"
                                id="field_latitude"
                                name="waypoint_latitude"
                                min="29.589870336601876"
                                max="29.593170062000013"
                                step="0.000000000000001"
                                pattern="[0-9]+([\.|,][0-9]+)?"
                                title="This should be a number with up to 15 decimal places.">
                        </div>

                        <div id="frm_field_2_container">
                            <label for="field_longitude">Longitude <span>*</span></label>
                            <input
                                type="number"
                                id="field_longitude"
                                name="waypoint_longitude"
                                min="-82.238909733700000"
                                max="-82.235952263746870"
                                step="0.000000000000001"
                                pattern="[\-][0-9]+([\.|,][0-9]+)?"
                                title="This should be a number with up to 15 decimal places.">
                        </div>
                    </div>
                </fieldset>
            </div>
        </fieldset>
        <div>
            <input type="submit" value="Submit">
        </div>
    </form>

0 个答案:

没有答案