Question

我想使用JavaScript来检查空字段和不正确的字符，但问题是我无法添加操作，因为表单操作已经指向PHP文件。当我把它放在动作区域时JavaScript工作，但是如果不这样做我就无法工作，我不幸地需要PHP作为动作。这是HTML代码：

<form action="http://127.0.0.1:5723/donate-now.php" method="post" name="donateNow" class="formMargin">

这是JavaScript。

function validateForm() {
    var x = document.forms["donateNow"]["first"].value;
    if (x == null || x == "") {
        alert("Name must be filled out");
        return false;
    }
}

Answer 1

将表单标记更改为：

<form action="http://127.0.0.1:5723/donate-now.php" method="post" name="donateNow" class="formMargin" onsubmit="return validateForm();" >

Answer 2

使用onSubmit

<form action="something.php" onSubmit="return isFormValid()">

的javascript

function isFormValid(){
//validate here

return true
}

Answer 3

您可以使用onSubmit来调用验证表单函数：

<form action="http://127.0.0.1:5723/donate-now.php" method="post" name="donateNow" class="formMargin" onsubmit="validateForm()">

如果发生成功验证，您还应修改validateForm（）以返回true：

function validateForm() {
    var x = document.forms["donateNow"]["first"].value;
    if (x == null || x == "") {
        alert("Name must be filled out");
        return false;
    } else {
        return true;
    }
}

可在此处找到更多信息：http://www.w3schools.com/jsref/event_onsubmit.asp

提交表单时执行JavaScript：

<form onsubmit="myFunction()">
  Enter name: <input type="text">
  <input type="submit">
</form>

Answer 4

<form action="http://127.0.0.1:5723/donate-now.php" method="post" name="donateNow" class="formMargin" onSubmit="return validateForm()">

尝试使用此

Answer 5

您需要使用onSubmit事件属性。这将在提交之前触发验证脚本。如果validateForm（）返回false，则不会提交表单。

 <form action="http://127.0.0.1:5723/donate-now.php" method="post" name="donateNow" class="formMargin" onSubmit="return validateForm()">

我已经在表单中执行操作时添加JavaScript了吗？

5 个答案: