在引導程序輸入中放置錯誤消息

我有一個PHP驗證如果輸入爲空，如果顯示錯誤消息，例如需要電子郵件，我使用Bootstrap作爲我的表單。最初的消息顯示在輸入（我不想）。目前使用在引導程序輸入中放置錯誤消息

代碼IM：

<label>Number Of Rooms: </label>            
<input type="number" class="form-control input-sm" max="10" name="Rooms" value="<?php echo $RoomErr;?>"> 
<span class="error">* <br><?php echo $RoomErr;?></span>

這裏是鏈接到網站website

我想顯示的文字輸入我試圖分配錯誤輸入的值裏面的錯誤信息：

<label>Number Of Rooms: </label>            
<input type="number" class="form-control input-sm error" max="10" name="Rooms" value="<?php echo $RoomErr;?>">

以下不起作用。

我的CSS剛剛分配錯誤紅色

.error{ 
color:red; 
}

我找不到關於這個太多的東西。

來源

2017-07-28 Wojtek T

添加類'error'到您的輸入爲'類= 「形式控制輸入-SM錯誤」' –

Raushan是正確 –

我已經添加了它，但錯誤不顯示isnide輸入。 –

你可以嘗試這樣的，因爲它是工作作爲一個佔位符。

<input type="number" class="form-control input-sm error" max="10" name="Rooms" placeholder="<?php echo $RoomErr;?>">

來源

2017-07-28 11:00:42

但是，現在消息在裏面，但它不是紅色，可能是什麼問題？ –

，因爲佔位符沒有類 –

哦，我看到我可能會看看，謝謝！ –

-1

請試試這個。我正在使用position：absolute;和管理這一

label { 
 
    display: inline-block; 
 
    margin-left: 20px; 
 
    width: 135px; 
 
} 
 
.error { 
 
    color: red; 
 
} 
 
.form-group .error { 
 
    left: 165px; 
 
    position: absolute; 
 
    top: 5px; 
 
} 
 
.form-group{position:relative;} 
 
.form-inline .form-control{display: inline-block; 
 
    vertical-align: middle; 
 
    width: auto;}

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"> 
 

 
<div class="col-md-9"> 
 

 
\t \t \t \t \t \t \t \t \t <div class="container-form"> 
 
\t \t \t \t \t \t \t \t \t <p><span class="error">* required field.</span></p> 
 
\t \t \t \t \t \t \t \t \t <form id="EmailForm" class="form-horizontal" action="" method="post"> 
 
\t \t \t \t \t \t \t \t \t 
 
\t \t \t \t \t \t \t \t \t <div class="form-inline"> 
 
\t \t \t \t \t \t \t \t \t <div class="form-group" style="position: relative;"> 
 
\t \t \t \t \t \t \t \t \t <label for="first_name">Name: </label> 
 
\t \t \t \t \t \t \t \t \t <input class="form-control input-sm" name="first_name" type="text"> 
 
\t \t \t \t \t \t \t \t \t <span class="error">*Name is required</span> 
 
\t \t \t \t \t \t \t </div> 
 
\t \t \t \t \t \t </div> 
 
\t \t \t \t \t \t \t \t \t <div class="form-inline"> 
 
\t \t \t \t \t \t \t \t \t <div class="form-group"> 
 
\t \t \t \t \t \t \t \t \t \t <label for="last_name">SurnameName: </label> 
 
\t \t \t \t \t \t \t \t \t \t \t <input class="form-control input-sm" name="last_name" type="text"> 
 
\t \t \t \t \t \t \t \t \t \t \t <span class="error">*</span> 
 
\t \t \t \t \t \t \t \t \t \t </div> 
 
\t \t \t \t \t \t \t \t \t \t </div> 
 
\t \t \t \t \t \t \t \t \t <div class="form-inline"> 
 
\t \t \t \t \t \t \t \t \t <div class="form-group"> 
 
\t \t \t \t \t \t \t \t \t \t <label for="email">Email: </label> 
 
\t \t \t \t \t \t \t \t \t \t <input class="form-control input-sm" name="email" type="text"> 
 
\t \t \t \t \t \t \t \t \t \t <span class="error">* Email is required</span> 
 
\t \t \t \t \t \t \t \t \t \t 
 
\t \t \t \t \t \t \t \t \t </div> 
 
\t \t \t \t \t \t \t \t \t </div> 
 
\t \t \t \t \t \t \t \t \t <div class="form-inline"> 
 
\t \t \t \t \t \t \t \t \t <div class="form-group"> 
 
\t \t \t \t \t \t \t \t \t \t <label>Number Of Rooms: </label> \t \t \t \t \t \t \t \t \t \t \t 
 
\t \t \t \t \t \t \t \t \t \t <input class="form-control input-sm" max="10" name="Rooms" value="Mininum number of Hours : 3" type="number"> 
 
\t \t \t \t \t \t \t \t \t \t <span class="error">* Mininum number of Hours : 3</span> 
 
\t \t \t \t \t \t \t \t \t </div> 
 
\t \t \t \t \t \t \t \t \t </div> 
 
\t \t \t \t \t \t \t \t \t <div class="form-inline"> 
 
\t \t \t \t \t \t \t \t \t <div class="form-group"> 
 
\t \t \t \t \t \t \t \t \t \t <label> Number hours: </label> 
 
\t \t \t \t \t \t \t \t \t \t <input class="form-control input-sm" min="3" name="Hours" type="number"> 
 
\t \t \t \t \t \t \t \t \t \t <span class="error">* Mininum number of Hours : 3</span> 
 
\t \t \t \t \t \t \t \t \t </div> 
 
\t \t \t \t \t \t \t \t \t </div> 
 
\t \t \t \t \t \t \t \t \t <div class="form-inline"> 
 
\t \t \t \t \t \t \t \t \t <div class="form-group"> \t \t \t \t \t \t \t \t 
 
\t \t \t \t \t \t \t \t \t <label for="description">Description of the House: </label> 
 
\t \t \t \t \t \t \t \t \t <textarea name="description" rows="auto" class="form-control input-sm" cols="55"></textarea> 
 
\t \t \t \t \t \t \t \t \t <span class="error">* Description is required</span> 
 
\t \t \t \t \t \t \t \t \t </div> 
 
\t \t \t \t \t \t \t \t \t </div> 
 
\t \t \t \t \t \t \t \t \t \t <div class="form-inline"> 
 
\t \t \t \t \t \t \t \t \t \t <div class="form-group"> 
 
\t \t \t \t \t \t \t \t \t \t <div class="radio" style="margin-left:70px"> \t \t \t \t \t \t \t \t \t 
 
\t \t \t \t \t \t \t \t \t \t <input name="ironing" id="radiobtn" value="Yes" type="radio"> 
 
\t \t \t \t \t \t \t \t \t \t Yes \t \t \t \t \t \t \t \t \t \t 
 
\t \t \t \t \t \t \t \t \t </div> \t \t \t \t \t \t \t \t \t \t 
 
\t \t \t \t \t \t \t \t \t \t <div class="radio"> \t \t \t \t \t \t \t \t \t 
 
\t \t \t \t \t \t \t \t \t \t <input name="ironing" id="radiobtn" value="No" type="radio"> 
 
\t \t \t \t \t \t \t \t \t \t No \t \t \t \t \t \t \t \t \t \t 
 
\t \t \t \t \t \t \t \t \t \t </div> 
 
\t \t \t \t \t \t \t \t \t \t <span class="error">* Ironing is Required</span> 
 
\t \t \t \t \t \t \t \t \t \t <span class="help-block" style="margin-left:50px">Would Like Ironing?</span> 
 
\t \t \t \t \t \t \t \t \t \t </div> 
 
\t \t \t \t \t \t \t \t \t </div> 
 
\t \t \t \t \t \t \t \t \t <input class="btn btn-info btn-lg" name="submit" value="Submit" type="submit"> 
 
\t \t \t \t \t \t \t \t \t </form> 
 
\t \t \t \t \t \t \t \t \t </div> 
 
\t \t \t \t \t \t \t </div>

來源

2017-07-28 11:00:36

這可能不是正確的方法.. –

@ChandraShekhar它不是..錯誤顯示在所有的地方。 –

在引導程序輸入中放置錯誤消息

回答

相關問題