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

添加图片网址;

＆＃39 ;;

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

Answer 2

我想添加一些html5所需的东西也很棒

<input type="text" required />

注意我不知道所有浏览器都不知道:)

你接受了这个答案，但你仍然需要javascript来确保它不适用于所有浏览器

空文本框，需要警告

2 个答案: