Question

我有一个html表单，当我按下提交按钮时发送它（输入类型=提交）.. 同样在同一个按钮上，我有一个按下按钮时触发的onclick事件，但由于按钮的类型=提交，我的触发脚本中的window.location不起作用，当我将按钮输入类型更改为按钮，但HTML表单提交不起作用.. 有什么方法可以同时工作..请不要告诉发布表格由ajax post ..

这是我的html按钮

<input type="submit" class="submit-login" name="forgotpass" id="" onclick="forgotfunction()"/>

这是我的脚本

<script type="text/javascript">

function forgotfunction(){
    var len = $('#forgetpass').val();
    if (len.length == 10){
        var num = "<?php echo $_SESSION['msg'];unset($_SESSION['msg']);?>"; //getting error from parameter.
        alert(num);
        if(num=="success")
            $('#modalLink').trigger("click");
        if(num=="cannotsend")
            alert("Error! Cannot send mail.,Please try Again!");
        if(num=="invalid")
            alert("Mobile number is  not Registered");
        alert(num);
        alert(window.location.href.split("?")[0]);
        window.location = window.location.href.split("?")[0];//reloading page
        //$('#aforgot').trigger('click');

    }
}
</script>

Answer 1

设置按钮type="button"。

并通过以下方式在按钮点击事件上提交表单： $("#formId").submit()

Answer 2

您不能拥有超过1种类型的输入，即。一个submit和一个button。要执行所需操作，请将类型设置为button，然后在处理逻辑中手动提交表单。试试这个：

<input type="button" class="submit-login" name="forgotpass" id="" />

$(function() {
    $('.submit-login').click(forgotfunction);
});

function forgotfunction() {
    var len = $('#forgetpass').val();
    if (len.length == 10) {
        var num = "<?php echo $_SESSION['msg']; unset($_SESSION['msg']);?>"; //getting error from parameter.

        if (num == "success")
            $('#modalLink').trigger("click");

        if (num == "cannotsend")
            alert("Error! Cannot send mail.,Please try Again!");

        if (num == "invalid")
            alert("Mobile number is  not Registered");

        window.location = window.location.href.split("?")[0]; //reloading page
    }
}

Answer 3

我肯定会选择按钮标签..

如上所述here，如果它属于表单元素，则默认行为为“submit”。（它还有一个值属性）

<button>Submit</button>

我如何设置输入类型=按钮和输入类型=同时提交

3 个答案: