如何在提交要求确认的表格后隐藏键盘

时间:2016-06-22 16:29:21

标签: javascript jquery html ios keyboard

我正在尝试获取一个要求输入的表单,然后要求用户在继续之前确认它。我遇到了iPhone 5的问题,用户按下返回键盘后键盘不会消失,键盘覆盖确认窗口。

我已经使用another question上发布的解决方案(解决方案是模糊输入)让键盘在大多数页面上消失。但是,在这种情况下,"确认"无论我何时调用hideKeyboard函数,对话都会在输入模糊之前显示出来。

这是代码:

<form name="pay" method="POST" onsubmit="hideKeyboard(); return doSubmit('Are you sure you want to transfer', $('#amount'));" action="{{link_to_next_step}}">

var hideKeyboard = function() {
    document.activeElement.blur();
    $("input").blur();
};

function doSubmit(text1, text2, form) { 
    hideKeyboard();

    $('input:text').each(function() {
        var value = $(this).val();
        $(this).val(value.replace(/\,/i, '.'));
    });

    if (isNaN(parseFloat($('input:text').val()))) {
        document.getElementById('err_zero').style.display = 'block';
        return false;
    } else if (confirm(text1 +     parseFloat($('input:text').val()).toFixed(2))) {
        return true;
    } else {
        return false;
    }
}

感谢任何帮助。

编辑:我检查了类似的答案,让键盘消失不是我遇到的问题。问题是取消选择输入字段的代码仅在&#34;确认&#34;之后运行。对话得到了解决。

0 个答案:

没有答案