Javascript 空文本框，需要警告

当人们不填写表单时，我需要提醒他们，例如有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>

函数validateForm（）
{
var x=document.forms[“form”][“title”]。值；
如果（x==null | | x==“”）
{
警告（“标题未填写”）；
返回false；
}
}
函数validateForm（）
{
var x=document.forms[“form”][“pic”]值；
如果（x==null | | x==“”）
{
警报（“图像链接丢失”）；
返回false；
}
}

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'])) { 
            ?>

---

第二个函数覆盖第一个函数。要么将它们结合起来，要么将其设为两个功能

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;
  }
}

我想补充一点，html5所需的东西也是非常优秀的

<input type="text" required />



注意：我刚刚了解到并非所有浏览器都是如此：）

您接受了这个答案，但您仍然需要javascript来确保它在所有浏览器上都不起作用，因为它不会使用相同名称的
2函数？需要在validateForm（）之后在te代码之间添加{}，但我还有一个问题，我添加了
{var x=document.forms[“form”[“youtube”].value；if（x==null | | x==”{alert（“youtube链接丢失”）；return false；}}
但他没有给出错误
@Hadscape如果你有新问题，可以问它。这就是我写的浏览器，我用thankx告诉他：）
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;
  }
}

<input type="text" required />