“在提交时验证”按钮出现问题

Validate on submit button got issue

本文关键字：按钮 问题 验证 提交      更新时间：2023-09-26

这是我的代码示例

<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验证

<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。

只需删除函数中的分号，并在函数中放置警报，以确保是否首先调用该函数。然后尝试添加验证

我喜欢为实际提交制作一个不可见的按钮，只有在表单验证后才会触发：

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!');
    }
}
<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>

相关文章：