Javascript ввод требуется изменение входной границы

Question

им пытаются изменить границу, если пользователь оставить вход пустой после отправки

хорошо, я попробовал:

<script> 
    function required (id) { 
     document.getElementById(id).style.border = "#FF0000 5px inset"; 
    } 
</script> 
<form method="post"> 
<input type='text' id='req' name='t'> 
</form> 
<? 
if ($_POST) 
    if (isset($_POST['t'])) 
     echo "u've done"; 
    else 
     echo "<script>required('req');</script>"; 
?> 

Answer 1

Мое решение с JavaScript:

HTML:

<form method="post" id="form1"> 
    <input type='text' id='req' name='t'> 

</form> 
<button type="submit" form="form1" value="Submit" onclick="myFunction()">Submit</button> 

JAVASCRIPT:

function myFunction() { 
    if (document.getElementById("req").value == '') { 
    event.preventDefault(); 
    required("req"); 
    } else { 
    alert("pas vide"); 
    } 

} 

function required(id) { 
    document.getElementById(id).style.border = "#FF0000 5px inset"; 
} 

CodePen

Answer 2

Я думаю, что я получил лучший подход :

<form method="post"> 
<input type='text' id='req' name='t' <?php if(!$_POST['t']): ?>class='required-input'<?php endif;?>> 
</form> 

Тогда в вас поставить «# FF0000 5px врезку» в вашем CSS, создавая класс «необходимый-вход» или любой другой.

В вашем коде нет интрузивных скриптов!

Answer 3

Изменение PHP код на следующее:

<?php // <- no short tag 
if ($_POST) { // <-- add brackets 
    if (isset($_POST['t'])) 
     echo "u've done"; 
    else 
     echo "<script>required('req');</script>"; 
} // <-- add brackets 
?>