html5表单提交页面与ios适配的问题

Question

html5表单提交页面与ios适配的问题

发布于
2016-06-02

以下是我的代码

<!DOCTYPE html>
<html>

<head lang="en">
    <meta charset="UTF-8">
    <title>我要报失</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="format-detection" content="telephone=no">
    <meta name="renderer" content="webkit">
    <meta http-equiv="Cache-Control" content="no-siteapp"/>
    <link rel="stylesheet" href="http://cdn.amazeui.org/amazeui/2.6.2/css/amazeui.min.css"/>
    <style>
        body {
            margin: 10px;
        }

        #iptDate {
            height: 40px;
        }
    </style>
</head>

<body>
<form class="am-form am-form-horizontal" action="commitLostItem">
    <input type="hidden" value="${userId}" name="userId">
    <input type="hidden" value="${stationId}" name="stationId">
    <input type="hidden" value="${jwt}" name="jwt">
    <div class="am-form-group">
        <label for="iptName" class="am-u-sm-3 am-form-label">姓名</label>
        <div class="am-u-sm-9">
            <input type="text" id="iptName" name="fullName">
        </div>
    </div>

    <div class="am-form-group">
        <label for="iptTel" class="am-u-sm-3 am-form-label">联系方式</label>
        <div class="am-u-sm-9">
            <input type="text" id="iptTel" name="mobile" required>
        </div>
    </div>

    <div class="am-form-group">
        <label for="iptDate" class="am-u-sm-3 am-form-label">日期</label>
        <div class="am-u-sm-9">
            <input type="date" id="iptDate" required>
            <input type="hidden" id="iptDateValue" name="date">
        </div>
    </div>

    <div class="am-form-group">
        <label for="iptStation" class="am-u-sm-3 am-form-label">车次</label>
        <div class="am-u-sm-9">
            <input type="text" id="iptStation" name="trainNumber">
        </div>
    </div>

    <div class="am-form-group">
        <label for="iptLocation" class="am-u-sm-3 am-form-label">遗失位置</label>
        <div class="am-u-sm-9">
            <input type="text" id="iptLocation" name="location">
        </div>
    </div>

    <div class="am-form-group">
        <label class="am-u-sm-3 am-form-label">特征</label>
        <div class="am-u-sm-9">
            <fieldset class="am-form-set">
                <input type="text" placeholder="类型" name="itemType">
                <input type="text" placeholder="颜色" name="itemColor">
                <input type="text" placeholder="型号" name="itemModel">
            </fieldset>
        </div>
    </div>

    <div class="am-form-group">
        <div class="am-u-sm-12">
            <button type="submit" class="am-btn am-btn-primary am-btn-block" onclick="return check()">提交</button>
        </div>
    </div>
</form>


<div class="am-modal am-modal-alert" tabindex="-1" id="my-alert">
    <div class="am-modal-dialog">
        <div class="am-modal-hd"></div>
        <div class="am-modal-bd">
            请输入正确的手机号
        </div>
        <div class="am-modal-footer">
            <span class="am-modal-btn">确定</span>
        </div>
    </div>
</div>


<script type="text/javascript" src="http://cdn.bootcss.com/jquery/2.2.1/jquery.min.js"></script>
<script type="text/javascript" src="http://cdn.amazeui.org/amazeui/2.6.2/js/amazeui.min.js"></script>
<script>
    $(document).ready(function () {
        var today = new Date();
        $("#iptDate").val(today.getYear() + '年' + today.getMonth() + '月' + today.getDay() + '日');
        $("#iptDateValue").val(today.getTime());

        $("#iptDate").on("change", function () {
            var timestamp = new Date($("#iptDate").val() + " 00:00:00").getTime();
            $("#iptDateValue").val(timestamp);
        });
    });


    function check() {
        var phoneNumber = /^(((13[0-9]{1})|(15[0-9]{1})|(18[0-9]{1}))+\d{8})$/;
        var regu = new RegExp(phoneNumber);
        var mobile = $("#iptTel").val();
        var data = $("#iptDateValue").val();
        console.log(mobile)
        console.log(data)
        if (!regu.test(mobile)) {

            $("#my-alert").modal();
            return false;
        } else {
            return true;
        }
    }


</script>
</body>

</html>

表单提交的时候，日期时间戳在安卓设备正常，然而iOS设备获取的时间戳是nan 求解释

javascript

html5 objective-c

阅读 4.4k

1 个回答

guangpunba

today.getYear() + '年' + today.getMonth() + '月' + today.getDay() + '日' 这种格式不可以，你换成2016-6-2 00:00:00 这种格式试试

撰写回答