输入类型提交与输入类型按钮


input type submit vs input type button

我一直在尝试用PHP解决一个烦人的行为(我认为..)。也许你们中的一些人也遇到过同样的情况,并有一些想法。我有一个 html 表单,我使用一个带有 onClick 事件的元素来调用 javascript 函数。一旦脚本的内容被处理,我就会执行form.submit()指令。它基本上检查常见的东西,如字段长度等。

现在我的问题是,当我使用输入类型按钮时,我将其名称设置为 submit1,并且只是为了运行一个小测试,我设置了<form id="register" action="<?php echo($PHP_SELF) ?>" method="post">

然后我说:

        <?php
if (isset($_POST["submit1"])) {
    echo "Submit button was pressed";
    die();
}
?>

但是,即使我的输入按钮的名称是 submit1,我也从未看到该消息。然后我将输入类型更改为提交,然后单击提交,我会看到消息,但唯一的问题是,即使我的 javascript 函数在表单中发现任何错误,在警报框上单击确定后,表单无论如何都会继续。它仅在提交类型=提交时执行此操作。

如果有人感兴趣,

我的按钮:第一次尝试:

<input type="button" name="submit1" class="submit" value="Register"      
onclick="validateFields()"  />

第二次尝试:

<input type="submit" name="submit1" class="submit" value="Create Account!"     
onclick="validateFields()"  />

对于java script问题可能是你没有放return false这就是为什么表单以任何方式提交的原因。

if(a.value == ""){
alert("Name is empty");
return false; // this will prevent your form to be submit if condition fails
}

buttonsubmit之间的区别在于submit正在提交表单(posting form),因此PHP有资格通过$_POST获得,但button情况下表单没有提交,因此您无法在其他页面上获取值而不是使用Ajax

类似的问题在这里

要提交表单,输入字段的类型必须是 submit ,而不是 button

<input type="submit" name="submit1" class="submit" value="Create Account!"     
onclick="validateFields()"  />

您还可以执行以下操作:

<button type="submit" name="submit1" class="submit" onclick="validateFields()">
Create Account! </button>

而且,为了避免在出现错误时提交表单,您可以返回 false:

function validateFields() {
    //do validation
    if(failed) {
        return false;
    }
}

谢谢大家,我:)修复了它。

我将输入类型更改为按钮,并更改了我的onclick="function(); return false"

在我的原始JS代码中,我添加了:document.getElementById('myFormId').submit();

现在我的JS代码运行,直到所有错误都修复为止。谢谢。我的愚蠢错误。