空的文本框，需要警告

我需要警告人們，當他們不填寫表單時，例如有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

添加新POST

<?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">

來源

2014-03-25 Hadscape

2個具有相同名稱的函數？ –

我想補充一下HTML5要求也很出色

<input type="text" required />

注意我剛剛不知道在所有瀏覽器:)

你接受了這個答案，但你仍然需要JavaScript才能確保因爲它不適用於所有瀏覽器

來源

2014-03-25 21:36:35

不適用於所有瀏覽器。 – bjb568

這就是我寫的瀏覽器我用thankx的講述:) –

哇，只是哇！非常感謝你！！ – Hadscape

你的第二個功能覆蓋第一功能。要麼將它們組合起來，要麼做成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; 
    } 
}

來源

2014-03-25 21:21:13 bjb568

需要在te代碼之間添加{}，在validateForm（）之後，但我還有一個問題，我添加了{} {var x = document.forms [「form」] [「youtube」]。 if（x == null || x ==「」） { alert（「Youtube link is missing。」）; 返回false; } }' 但他不給錯誤 '<形式名稱= 「形式」行動= 「」的onsubmit =「返回validateForm（）「method =」post「> title：
添加youtube的網址;

' – Hadscape

@Hadscape如果您有新問題，請提問。 – bjb568

空的文本框，需要警告

回答

相關問題