Question

这是我的代码示例

<form action="next2.php" method="post" name="next2" id="next2" onsubmit="return submitForm();">

以下是我的功能

<script type="text/javascript">
    function submitForm()
    {
   var name = document.getElementById("name").value;
       return false;
    }
</script>

按下，表单仍然提交，但如果我改变

onsubmit="return false;"

然后表单不会提交，如何使用该函数返回false，因为我需要做一些if else验证

Answer 1

<script type="text/javascript">
  function submitForm() {
    return false;
  }
</script>

<form 
   action="next2.php" 
   method="post" 
   name="next2" 
   id="next2" 
   onsubmit="return submitForm();"
 >

submit已经是表单的函数，您应该将JavaScript函数称为不同的函数，例如submitForm，如上所述。

Answer 2

只需删除函数中的分号并在函数中发出警告，以确定是否先调用该函数。然后尝试添加验证

Answer 3

我想为实际提交创建一个隐形按钮，该按钮仅在表单验证后触发：

＆＃13;

function validate() {
    var valid = true;
    $.each($('input'), function(){
        valid = valid && $(this).val().length > 0;
    })
    if (valid) {
        $('#realSubmit').click();
    } else {
        alert('Please fill out all fields!');
    }
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form action="next2.php" method="post" name="next2" id="next2" onsubmit="return submit();">
    <input type="text" placeholder="Enter Name" />
    <input type="password" placeholder="Enter Password" />
    <button type="button" onclick="validate()">Submit</button>
    <button type="submit" id="realSubmit" style="display:none"></button>
</form>

＆＃13;

在提交按钮上验证有问题

3 个答案: