Question

我有表格问题，发送我需要双击提交底部，我使用函数发送表单，我创建的脚本是这样的：

<script>
function pin_login(forma) {
    jQuery("#form_"+forma).submit(function(e) {
        e.preventDefault();

        var value_pin=jQuery(".pin_"+forma).val();
        var value_cookie=$.cookie(''+forma);
        var deco=base64_decode(''+value_cookie);

        if (value_pin==deco) {
            $.cookie('access_'+forma, 'ok', { expires: 14 });
            jQuery("#cp_request_pin_ok").show(500);
            setTimeout("location.href='?action=cp'",1500);
        } else {
            jQuery("#cp_request_pin_fail").show(500);
        }
    });
}
</script>

表格：

<form id="form_v" name="form" method="post" action="?" onsubmit="pin_login('v');return false;">
    <input name="pin_vps" type="text" class="pin_vps" />
    <input name="submit" type="submit" value="Access" />
</form>

如果只通过一次点击提交，我如何解决这个问题呢？，谢谢，问候!!!

Answer 1

首先，您需要更改标记。使用button代替input，因此我们无需处理以此方式提交的表单。

其次，您通常可以使用以下内容：

$('#submit').dblclick( function() {
    $('#form_v').submit();
});

这是 FIDDLE

Answer 2

我建议使用ajax表单来提交表单，这些表单非常易于使用且功能范围很广。这里的示例..

 <script type="text/javascript">
        $(document).ready(function () {
            $('form').ajaxForm({
                success: function (data) {
                    $('#myID').text($(data).find('#Id').text()); //finding #Id value from response markup
                    $('#myID2').text($(data).find('#id2>').text());
                    $('#newPara').show();
                    $('#text').text('Response using Ajax');
                }
            });
        });

你可以从这里下载Jquery表单pugin， http://malsup.com/jquery/form/ 网站上也有很多例子。

Jquery双击表单

2 个答案: