javascript - 文本框为空，需要警告

Question

当人们不填写表单时，我需要警告他们，例如有 2 个文本框，1. 标题，2. 描述，当用户忘记输入标题时，他们会看到警告。

我尝试过一些方法，但只有当我不填写图像链接而不是标题时它才有效:

JavaScript

<script>
function validateForm()
{
var x=document.forms["form"]["title"].value;
if (x==null || x=="")
  {
  alert("Title not filled in.");
  return false;
  }
}
</script>
<script>
function validateForm()
{
var x=document.forms["form"]["pic"].value;
if (x==null || x=="")
  {
  alert("IMAGE link is missing.");
  return false;
  }
}
</script>

php

添加新帖子

<?php
// POST.PHP POSTING NEW CONTENT
include 'config.php';


                // values from form
if ($_SERVER['REQUEST_METHOD'] == 'POST') {
                            $id=$_POST['id'];
                            $title=$_POST['title'];
                            $pic=$_POST['pic'];
                            $youtube=$_POST['youtube'];
                            $cat=$_POST['cat'];


                            // insert data to mysql

                            $sql = "INSERT INTO post(id, title, pic, youtube, cat)VALUES('$id', '$title', '$pic', '$youtube', '$cat')";
                            $result=mysql_query($sql);
                            }
                            // succes added
                            if (isset($_POST['submit'])){
                            $id=$_POST['id'];
                            echo "Yeah, buddy! Your content is added.";
                            }


                            // end of post script ^^
?> 


<?php
    echo '<b>Post your content</b><br />
        <a href="/post.php?pic">Add IMG from URL</a> | <a href="/post.php?addyt">Add Youtube video</a>';
    ?>

    <?php

            //POST IMAGE PAGE
            if(isset($_GET['pic'])) { 
            ?>

html

<form name="form" action="<?php echo $_SERVER['PHP_SELF']; ?>" onsubmit="return validateForm()" method="post">
title: <input name="title" type="text" id="title"><br />

添加图片的url；

';

 $query2 = mysql_query("SELECT * FROM `category`");
  while($row=mysql_fetch_array($query2)){ 
echo '
       <option value="'.$row["nameID"].'">'.$row["name"].'</option> ';
        } 
    ?>


 </select>
<input type="submit" name="submit" value="submit">

Answer 1

第二个函数会覆盖第一个函数。要么将它们组合起来，要么将其设为 2 个函数。

function validateForm() {
{
var x=document.forms["form"]["title"].value;
if (x==null || x=="")
  {
  alert("Title not filled in.");
  return false;
  }
}
var x=document.forms["form"]["pic"].value;
if (x==null || x=="")
  {
  alert("IMAGE link is missing.");
  return false;
  }
}