1

Javascript 検証がアクティブにならないという問題があります。この HTML フォームには PHP メーラーもあり、送信が押されるとすぐにフォームが送信され、検証は行われません。

HTML フォームのコードは次のとおりです。

 <form name="contact" action="mailer.php" onsubmit="return ValidateForm()" method="post"><fieldset>

<tr><td><label for="name">Name:</label></td>
<td><input type="text" name="name" id="name" placeholder="Enter your full name" />
</td></tr>

<tr><td><label for="email">Email:</label></td>
<td><input type="email" name="email" id="email" placeholder="Enter your email address" />
</td></tr>

<tr><td><label for="tel">Phone:</label></td>
<td><input type="tel" name="tel" id="tel" placeholder="Enter your phone number" />
</td></tr>

<tr><td><label for="message">Message:</label></td>
<td><textarea id="message" name="message" placeholder=""></textarea>
</td></tr>

<tr><td><input type="submit" value="Submit" name="submit" />
</form>

PHP メーラーのコードは次のとおりです。

<?php
if(isset($_POST['submit'])) {
$to = "email@address.com.au";
$subject = "Subject";
$name_field = $_POST['name'];
$email_field = $_POST['email'];
$tel_field = $_POST ['tel'];
$message = $_POST['message'];

$body = "From: $name_field\n E-Mail: $email_field\n Phone: $tel_field\n Message:\n $message";


mail($to, $subject, $body, "From: $email_field");
echo "Data has been submitted to $to!";
echo "<a href='index.html'>Go back to Home Page</a>";
} else {
echo "error";
}
?>

バリデーターのコードは次のとおりです。

<script type="text/javascript">

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

   var x=document.forms["contact"]["email"].value;
var atpos=x.indexOf("@");
var dotpos=x.lastIndexOf(".");
if (atpos<1 || dotpos<atpos+2 || dotpos+2>=x.length)
  {
  alert("Not a valid e-mail address");
  return false;
  }

 var x=document.forms["contact"]["tel"].value;
if (y==null || y=="")
  {
  alert("Phone number must be provided");
  return false;
  }

  var x=document.forms["contact"]["message"].value;
if (x==null || x=="")
  {
  alert("You have not entered a message");
  return false;
  }

  </script>

サーバー上の別のファイルとしてjavascriptバリデーターを配置しようとしたか、スクリプト自体をフォームhtmlドキュメントに配置しようとしましたが、どちらの方法も機能しないようです。私は多くの検索を行い、コードをチェックしましたが、それが正しいと確信していますが、これら2つの機能が一緒に可能かどうかについては何も言えません. 誰かがそれが素晴らしいことを確認できたら!

アドバイスをいただければ幸いです。

前もって感謝します！

カズ

4

1 に答える 1

1

小文字の「v」を使用する必要があるときにonSubmit呼び出しています。他にもいくつかあります：return ValidateForm()return validateForm()

{function validateForm()する必要がありますfunction validateForm()

if ステートメントの後の関数の開き中括弧を閉じないでください。

<form name="contact" action="mailer.php" onsubmit="return validateForm()" method="post">

その後：

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

    var x = document.forms["contact"]["email"].value;
    var atpos = x.indexOf("@");
    var dotpos = x.lastIndexOf(".");
    if (atpos < 1 || dotpos < atpos + 2 || dotpos + 2 >= x.length) {
        alert("Not a valid e-mail address");
        return false;
    }

    var x = document.forms["contact"]["tel"].value;
    if (y == null || y == "") {
        alert("Phone number must be provided");
        return false;
    }

   var x = document.forms["contact"]["message"].value;
    if (x == null || x == "") {
        alert("You have not entered a message");
        return false;
    }
}
于 2013-04-04T11:07:27.210 に答える