PHP Forms - Required Fields - Need help

Hi,
I have a form that I want to add Required Fields as this one :
https://www.w3schools.com/php/php_form_required.asp
But it does not work :sleepy:
Can any one help me please, to solve the problem?

Here is the pages :
http://cadtuts.eu/page7.php

the first php code :

    <body>

<?php
// define variables and set to empty values
$diametreErr = $elementErr = $angleErr = $rayonErr = $divisionErr  = "";
$diametre = $element = $angle = $rayon = $division  = "";


if ($_SERVER["REQUEST_METHOD"] == "POST") {
    if (empty($_POST["diametre"])) {
        $diametreErr = "Entrez le Diametre";
    } else {
        $name = test_input($_POST["diametre"]);
    }

    if (empty($_POST["element"])) {
        $elementErr = "Entrez le nombre d'elements";
    } else {
        $email = test_input($_POST["element"]);
    }

    if (empty($_POST["angle"])) {
        $angleErr = "Entrez l'angle";
    } else {
        $angleErr = test_input($_POST["angle"]);
    }

    if (empty($_POST["rayon"])) {
        $rayonErr = "Entrez le rayon";
    } else {
        $rayonErr = test_input($_POST["rayon"]);
    }

    if (empty($_POST["division"])) {
        $divisionErr = "Entrez la division";
    } else {
        $divisionErr = test_input($_POST["division"]);
    }
}

function test_input($data) {
    $data = trim($data);
    $data = stripslashes($data);
    $data = htmlspecialchars($data);
    return $data;
}
?>



<div class="wrapper">
    <div class="header">
        <h1>COUDE A ELEMENTS</h1>
    </div>

    <div class="clearfix">
        <div class="column menu">

            <form action="afficher.php" method="post">


                <label for="fname">Diamètre:</label>
                <input type="text" id="diametre" name="diametre"  placeholder="diametre"  >
                <span class="error">* <?php echo $diametreErr;?></span>

                <label for="fname">Nombre d'éléments:</label>
                <input type="text" id="element" name="element" placeholder="element" >
                <span class="error">* <?php echo $elementErr;?></span>

                <label for="fname">Angle:</label>
                <input type="text" id="angle" name="angle" placeholder="angle" >
                <span class="error">* <?php echo $angleErr;?></span>

                <label for="fname">Rayon:</label>
                <input type="text" id="rayon" name="rayon" placeholder="rayon" >
                <span class="error">* <?php echo $rayonErr;?></span>

                <label for="fname">Division:</label>
                <input type="text" id="division" name="division" placeholder="division" >
                <span class="error">* <?php echo $diametreErr;?></span>

                <input type = "submit" value = "Calculer">

            </form>



        </div>

        <div class="column content">

            <img src="coude.png" alt="piquage" >

            <script type="text/javascript" src="https://www.freevisitorcounters.com/en/home/counter/542968/t/5"></script>
            <br>

            <a href="http://www.cadtuts.eu" target="_blank">cadtuts.eu</a>
        </div>
    </div>



</div><!--wrapper-->
</body>

the second php code :



            <?php
           /* if (isset($_POST["diametre"]) && isset($_POST["element"]) && isset($_POST["angle"]) && isset($_POST["rayon"]) && isset($_POST["division"]) ) {
                $diametre = $_POST['diametre'];
                $element = $_POST['element'];
                $angle = $_POST['angle'];
                $rayon = $_POST['rayon'];
                $division = $_POST['division'];
            }*/
            $diametre = $_POST['diametre'];
            $element = $_POST['element'];
            $angle = $_POST['angle'];
            $rayon = $_POST['rayon'];
            $division = $_POST['division'];
            $RayonTuyau = $diametre / 2;

            echo "Diamètre: " . $diametre . "<br />";
            echo "Elements: " . $element . "<br />";
            echo "Angle [&#223; = &#948;] : " . $angle . "<br />";
            echo "Rayon: " . $rayon . "<br />";

            $AngleCentreElement = $angle/$element;
            echo "&#949; : " . $AngleCentreElement . "<br />"; // angle EPSILON
            $AngleTheta = $AngleCentreElement / 2 ;
            echo "&#920; :  " . $AngleTheta . "<br />";  // angle THETA

            $bc = tan(deg2rad($AngleTheta))*$rayon ;
            $be = $bc * 2;
            $jk = (tan(deg2rad($AngleTheta)) * ($rayon - ($diametre/2)) * 2);



            if ($jk > 50){
                $im = (tan(deg2rad($AngleTheta)) * ($rayon + ($diametre/2)) * 2);
                $l = $RayonTuyau * tan(deg2rad($AngleTheta));

                echo "BC = " . number_format($bc,1) . "<br />";
                echo "BE = " . number_format($be,1) . "<br />";
                echo "JK = " . number_format($jk,1) . "<br />";
                echo "IM = " . number_format($im,1) . "<br />";
                echo "L3 = " . number_format($l,1) . "<br />" . "<br />";

                echo "Development: (L1, L2, L3...)" . "<br />" . "<br />";
                for ($i=0; $i<=360; $i=$i+360/$division) {



                    $aa = cos(deg2rad($i)) * $RayonTuyau;
                    $xx = $RayonTuyau - $aa;
                    $resultat  = tan(deg2rad($AngleTheta)) * $xx;
                    echo   number_format($resultat,1) . "<br />";
                }
            }else{

                echo "J-K doit etre plus grand que 50mm.". "<br />";
                echo "J-K = " . number_format($jk,1) . "mm" . "<br />";
            }

            ?>


        </div>

        <div class="column content">

            <img src="coude.png" alt="piquage" >

            <script type="text/javascript" src="https://www.freevisitorcounters.com/en/home/counter/542968/t/5"></script>
            <br>

            <a href="http://www.cadtuts.eu" target="_blank">cadtuts.eu</a>
        </div>
    </div>

Thank you in advance :wink:

What does that mean? What do you expect and what happens?

And your first code should be placed between code tags.

Hi frankbeen,
Thank you for your response :slight_smile:
I am trying to make a form that can not be empty and accept integer only, in my case here even if I don’t fill the form it execute the form.

This is the first page - page7.php

<!DOCTYPE html>
<html>
<head><meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <style>
        * {
            box-sizing: border-box;
        }
        .wrapper {
            height: 75%;
            width: 90%;
            margin: auto;
        }

        .header {
            background-color: grey;
            color: white;
            padding: 15px;
        }
        .column {
            float: left;
            padding-left: 100px;
        }
        .clearfix::after {
            content: "";
            clear: both;
            display: table;
        }
        .menu {
            width: 18%;
            padding-bottom: 10px;
            padding-left: 30px;
            padding-top: 30px;
        }



        .content {
            width: 82%; /*75%*/
        }
        .menu ul {
            list-style-type: none;
            margin: 0;
            padding: 0;
        }
        .menu li {
            padding: 8px;
            margin-bottom: 8px;
            background-color: #33b5e5;
            color: #ffffff;
        }
        .menu li:hover {
            background-color: #0099cc;
        }



        input[type=text], select {
            width: 100%;
            padding: 12px 20px;
            margin: 8px 0;
            display: inline-block;
            border: 1px solid #ccc;
            border-radius: 4px;
            box-sizing: border-box;
        }

        input[type=submit] {
            width: 100%;
            background-color: #4CAF50;
            color: white;
            padding: 14px 20px;
            margin: 8px 0;
            border: none;
            border-radius: 4px;
            cursor: pointer;
        }

        input[type=submit]:hover {
            background-color: #45a049;
        }

        div {
            border-radius: 5px;
            background-color: #f2f2f2;
            padding: 20px;
        }
        .compteur{
            margin-left: 600px;

        }

    </style>

</head>
<body>

<?php
// define variables and set to empty values
$diametreErr = $elementErr = $angleErr = $rayonErr = $divisionErr  = "";
$diametre = $element = $angle = $rayon = $division  = "";


if ($_SERVER["REQUEST_METHOD"] == "POST") {
    if (empty($_POST["diametre"])) {
        $diametreErr = "Entrez le Diametre";
    } else {
        $name = test_input($_POST["diametre"]);
    }

    if (empty($_POST["element"])) {
        $elementErr = "Entrez le nombre d'elements";
    } else {
        $email = test_input($_POST["element"]);
    }

    if (empty($_POST["angle"])) {
        $angleErr = "Entrez l'angle";
    } else {
        $angleErr = test_input($_POST["angle"]);
    }

    if (empty($_POST["rayon"])) {
        $rayonErr = "Entrez le rayon";
    } else {
        $rayonErr = test_input($_POST["rayon"]);
    }

    if (empty($_POST["division"])) {
        $divisionErr = "Entrez la division";
    } else {
        $divisionErr = test_input($_POST["division"]);
    }
}

function test_input($data) {
    $data = trim($data);
    $data = stripslashes($data);
    $data = htmlspecialchars($data);
    return $data;
}
?>



<div class="wrapper">
    <div class="header">
        <h1>COUDE A ELEMENTS (Miter Elbow)</h1>
    </div>

    <div class="clearfix">
        <div class="column menu">

            <form action="afficher.php" method="post">


                <label for="fname">Diamètre:</label>
                <input type="text" id="diametre" name="diametre"  placeholder="diametre"  >
                <span class="error">* <?php echo $diametreErr;?></span>

                <label for="fname">Nombre d'éléments:</label>
                <input type="text" id="element" name="element" placeholder="element" >
                <span class="error">* <?php echo $elementErr;?></span>

                <label for="fname">Angle:</label>
                <input type="text" id="angle" name="angle" placeholder="angle" >
                <span class="error">* <?php echo $angleErr;?></span>

                <label for="fname">Rayon:</label>
                <input type="text" id="rayon" name="rayon" placeholder="rayon" >
                <span class="error">* <?php echo $rayonErr;?></span>

                <label for="fname">Division:</label>
                <input type="text" id="division" name="division" placeholder="division" >
                <span class="error">* <?php echo $diametreErr;?></span>

                <input type = "submit" value = "Calculer">

            </form>






        </div>

        <div class="column content">

            <img src="coude.png" alt="piquage" >

            <script type="text/javascript" src="https://www.freevisitorcounters.com/en/home/counter/542968/t/5"></script>
            <br>

            <a href="http://www.cadtuts.eu" target="_blank">cadtuts.eu</a>
        </div>
    </div>



</div><!--wrapper-->
</body>
</html>

The second page: - afficher.php

<!DOCTYPE html>
<html>
<head><meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <style>
        * {
            box-sizing: border-box;
        }
        .wrapper {
            height: 75%;
            width: 90%;
            margin: auto;
        }

        .header {
            background-color: grey;
            color: white;
            padding: 15px;
        }
        .column {
            float: left;
            padding-left: 100px;
        }
        .clearfix::after {
            content: "";
            clear: both;
            display: table;
        }
        .menu {
            width: 18%;
            padding-bottom: 10px;
            padding-left: 30px;
            padding-top: 30px;
        }



        .content {
            width: 82%;  /*75%*/
        }
        .menu ul {
            list-style-type: none;
            margin: 0;
            padding: 0;
        }
        .menu li {
            padding: 8px;
            margin-bottom: 8px;
            background-color: #33b5e5;
            color: #ffffff;
        }
        .menu li:hover {
            background-color: #0099cc;
        }



        input[type=text], select {
            width: 100%;
            padding: 12px 20px;
            margin: 8px 0;
            display: inline-block;
            border: 1px solid #ccc;
            border-radius: 4px;
            box-sizing: border-box;
        }

        input[type=submit] {
            width: 100%;
            background-color: #4CAF50;
            color: white;
            padding: 14px 20px;
            margin: 8px 0;
            border: none;
            border-radius: 4px;
            cursor: pointer;
        }

        input[type=submit]:hover {
            background-color: #45a049;
        }

        div {
            border-radius: 5px;
            background-color: #f2f2f2;
            padding: 20px;
        }
        .compteur{
            margin-left: 600px;

        }

    </style>

</head>
<body>

<div class="wrapper">
    <div class="header">
        <h1>COUDE A ELEMENTS</h1>
    </div>

    <div class="clearfix">
        <div class="column menu">


            <?php
           /* if (isset($_POST["diametre"]) && isset($_POST["element"]) && isset($_POST["angle"]) && isset($_POST["rayon"]) && isset($_POST["division"]) ) {
                $diametre = $_POST['diametre'];
                $element = $_POST['element'];
                $angle = $_POST['angle'];
                $rayon = $_POST['rayon'];
                $division = $_POST['division'];
            }*/
            $diametre = $_POST['diametre'];
            $element = $_POST['element'];
            $angle = $_POST['angle'];
            $rayon = $_POST['rayon'];
            $division = $_POST['division'];
            $RayonTuyau = $diametre / 2;

            echo "Diamètre: " . $diametre . "<br />";
            echo "Elements: " . $element . "<br />";
            echo "Angle [&#223; = &#948;] : " . $angle . "<br />";
            echo "Rayon: " . $rayon . "<br />";

            $AngleCentreElement = $angle/$element;
            echo "&#949; : " . $AngleCentreElement . "<br />"; // angle EPSILON
            $AngleTheta = $AngleCentreElement / 2 ;
            echo "&#920; :  " . $AngleTheta . "<br />";  // angle THETA

            $bc = tan(deg2rad($AngleTheta))*$rayon ;
            $be = $bc * 2;
            $jk = (tan(deg2rad($AngleTheta)) * ($rayon - ($diametre/2)) * 2);



            if ($jk > 50){
                $im = (tan(deg2rad($AngleTheta)) * ($rayon + ($diametre/2)) * 2);
                $l = $RayonTuyau * tan(deg2rad($AngleTheta));

                echo "BC = " . number_format($bc,1) . "<br />";
                echo "BE = " . number_format($be,1) . "<br />";
                echo "JK = " . number_format($jk,1) . "<br />";
                echo "IM = " . number_format($im,1) . "<br />";
                echo "L3 = " . number_format($l,1) . "<br />" . "<br />";

                echo "Development: (L1, L2, L3...)" . "<br />" . "<br />";
                for ($i=0; $i<=360; $i=$i+360/$division) {



                    $aa = cos(deg2rad($i)) * $RayonTuyau;
                    $xx = $RayonTuyau - $aa;
                    $resultat  = tan(deg2rad($AngleTheta)) * $xx;
                    echo   number_format($resultat,1) . "<br />";
                }
            }else{

                echo "J-K doit etre plus grand que 50mm.". "<br />";
                echo "J-K = " . number_format($jk,1) . "mm" . "<br />";
            }

            ?>


        </div>

        <div class="column content">

            <img src="coude.png" alt="piquage" >

            <script type="text/javascript" src="https://www.freevisitorcounters.com/en/home/counter/542968/t/5"></script>
            <br>

            <a href="http://www.cadtuts.eu" target="_blank">cadtuts.eu</a>
        </div>
    </div>



</div><!--wrapper-->
</body>
</html>

Hi,
I added this PHP code on afficher.php but not working :tired_face:

<?php
             if (isset($_POST['submit'])) {
                 if (empty($_POST['diametre'])){
                     echo "Entrez le diametre";
                 }else{
                     $diametre = $_POST['diametre'];
                 }

                 if (empty($_POST['element'])){
                     echo "Entrez le element";
                 }else{
                     $element = $_POST['element'];
                 }

                 if (empty($_POST['angle'])){
                     echo "Entrez le angle";
                 }else{
                     $angle = $_POST['angle'];
                 }

                 if (empty($_POST['rayon'])){
                     echo "Entrez le rayon";
                 }else{
                     $rayon = $_POST['rayon'];
                 }

                 if (empty($_POST['division'])){
                     echo "Entrez le division";
                 }else{
                     $division = $_POST['division'];
                 }


             }
?>

Your problem is depending on the name of a submit button to be submitted in order for your script to work which will completely fail in certain cases such as yours. You need to check the REQUEST METHOD.

Additionally, you have twice as much code as you need.

Hi benanamen,
Thank you for your response :blush:
I added this code in afficher.php but not working.
if (isset($_POST[‘action’]) && $_POST[‘action’] === ‘submit’) {

}

and this in page7.php.

<input type="hidden" name="action" value="submit">

I am learning PHP it a little bit difficult for a Piping Designer :innocent:

No, get rid of that stuff. Start with this…

if ($_SERVER['REQUEST_METHOD'] === 'POST')
{
// Process form here.
}

I tried but not working.
here are the two php file with some modifications.

page7.php

<body>
<div class="wrapper">
    <div class="header">
        <h1>COUDE A ELEMENTS (Miter Elbow)</h1>
    </div>
    <div class="clearfix">
        <div class="column menu">
            <form action="afficher.php" method="post">
                <label for="fname">Diamètre:</label>
                <input type="text" id="diametre" name="diametre"  placeholder="diametre"  >


                <label for="fname">Nombre d'éléments:</label>
                <input type="text" id="element" name="element" placeholder="element" >


                <label for="fname">Angle:</label>
                <input type="text" id="angle" name="angle" placeholder="angle" >


                <label for="fname">Rayon:</label>
                <input type="text" id="rayon" name="rayon" placeholder="rayon" >


                <label for="fname">Division:</label>
                <input type="text" id="division" name="division" placeholder="division" >

                <input type="hidden" name="action" value="submit">
                <input type = "submit" value = "Calculer">

            </form>
        </div>

        <div class="column content">

            <img src="coude.png" alt="piquage" >

            <script type="text/javascript" src="https://www.freevisitorcounters.com/en/home/counter/542968/t/5"></script>
            <br>

            <a href="http://www.cadtuts.eu" target="_blank">cadtuts.eu</a>
        </div>
    </div>

</div><!--wrapper-->
</body>

afficher.php

<body>
<div class="wrapper">
    <div class="header">
        <h1>COUDE A ELEMENTS</h1>
    </div>
    <div class="clearfix">
        <div class="column menu">
            <?php
            if ($_SERVER[‘REQUEST_METHOD’] === ‘POST’){
                    if (empty($_POST['diametre'])) {
                        echo "Entrez le diametre";
                    } else {
                        $diametre = $_POST['diametre'];

                    }

                    if (empty($_POST['element'])) {
                        echo "Entrez le element";
                    } else {
                        $element = $_POST['element'];
                    }

                    if (empty($_POST['angle'])) {
                        echo "Entrez le angle";
                    } else {
                        $angle = $_POST['angle'];
                    }

                    if (empty($_POST['rayon'])) {
                        echo "Entrez le rayon";
                    } else {
                        $rayon = $_POST['rayon'];
                    }

                    if (empty($_POST['division'])) {
                        echo "Entrez le division";
                    } else {
                        $division = $_POST['division'];
                    }
            }

            $RayonTuyau = $diametre / 2;
            echo "Diamètre: " . $diametre . "<br />";
            echo "Elements: " . $element . "<br />";
            echo "Angle [&#223; = &#948;] : " . $angle . "<br />";
            echo "Rayon: " . $rayon . "<br />";

            $AngleCentreElement = $angle/$element;
            echo "&#949; : " . $AngleCentreElement . "<br />"; // angle EPSILON
            $AngleTheta = $AngleCentreElement / 2 ;
            echo "&#920; :  " . $AngleTheta . "<br />";  // angle THETA

            $bc = tan(deg2rad($AngleTheta))*$rayon ;
            $be = $bc * 2;
            $jk = (tan(deg2rad($AngleTheta)) * ($rayon - ($diametre/2)) * 2);

            if ($jk > 50){
                $im = (tan(deg2rad($AngleTheta)) * ($rayon + ($diametre/2)) * 2);
                $l = $RayonTuyau * tan(deg2rad($AngleTheta));

                echo "BC = " . number_format($bc,1) . "<br />";
                echo "BE = " . number_format($be,1) . "<br />";
                echo "JK = " . number_format($jk,1) . "<br />";
                echo "IM = " . number_format($im,1) . "<br />";
                echo "L3 = " . number_format($l,1) . "<br />" . "<br />";

                echo "Development: (L1, L2, L3...)" . "<br />" . "<br />";
                for ($i=0; $i<=360; $i=$i+360/$division) {
                    $aa = cos(deg2rad($i)) * $RayonTuyau;
                    $xx = $RayonTuyau - $aa;
                    $resultat  = tan(deg2rad($AngleTheta)) * $xx;
                    echo   number_format($resultat,1) . "<br />";
                }

            }else{

                echo "J-K doit etre plus grand que 50mm.". "<br />";
                echo "J-K = " . number_format($jk,1) . "mm" . "<br />";
            }

            ?>
        </div>
        <div class="column content">
            <img src="coude.png" alt="piquage" >
            <script type="text/javascript" src="https://www.freevisitorcounters.com/en/home/counter/542968/t/5"></script>
            <br>
            <a href="http://www.cadtuts.eu" target="_blank">cadtuts.eu</a>
        </div>
    </div>
</div><!--wrapper-->
</body>


Is there a good tutorial that explain how to validate a form ?

Thank you :wink:

You have curly quotes in the request method line. Replace them with straight quotes.

You have curly quotes in the request method line. Replace them with straight quotes.

can you please be more precise I don’t understand.
I am a beginner in php.
Thank you .

Look at the difference in the quotes
vs '

Thank you very much :wink:
It works :blush:
I will try to learn this:
https://tryphp.w3schools.com/showphp.php?filename=demo_form_validation_required

That is a bad example. Find something else.

@benanamen your comment doesn’t help this way. Could you explain what is wrong?

Here’s a list of what is wrong or bad about the linked to w3schools code -

  1. The post method form processing code is inside the html document.
  2. Creating two different hard-coded variables for every form field.
  3. Using empty() to validate input data.
  4. Validating the non-trimmed data, then using modified data (from the test_input function) in the rest of the code.
  5. The ridiculous test_input() function, which is poorly named, should conditionally apply stripslashes() or not at all (the need to do this was removed in php5.4), and should not apply htmlspecialchars() to input data.
  6. Would have a bespoke conditional logic test containing all of the error variables as the next step of using the submitted form data.
  7. Needlessly outputting $_SERVER[“PHP_SELF”] in the form action attribute.
  8. Edit: ridiculous conditional logic setting the non-required field variables to an empty string if the input is empty().

The only thing worth keeping from the php code at that link is the line testing the server request method.

Using the ‘language reference’ information at w3schools is okay, because it is just copied from the original documentation elsewhere, but in the cases where they attempted to put together code that does something, it is filled with bad and unnecessary programming.

2 Likes

Where can we find a good PHP code or a tutorial to avoid all this wrong code?

  1. The post method form processing code is inside the html document.
  2. Creating two different hard-coded variables for every form field.
  3. Using empty() to validate input data.
  4. Validating the non-trimmed data, then using modified data (from the test_input function) in the rest of the code.
  5. The ridiculous test_input() function, which is poorly named, should conditionally apply stripslashes() or not at all (the need to do this was removed in php5.4), and should not apply htmlspecialchars() to input data.
  6. Would have a bespoke conditional logic test containing all of the error variables as the next step of using the submitted form data.
  7. Needlessly outputting $_SERVER[“PHP_SELF”] in the form action attribute.
  8. Edit: ridiculous conditional logic setting the non-required field variables to an empty string if the input is empty().

Thank you .

So that makes sense @phdr

I would suggest searching this forum, especially posts by @phdr. I know he has already posted about this in detail, probably more than once.

Most of the items I listed are programming practices that will reduce the amount of code/variables. The current code may ‘work’, but it took a lot of wasted time typing things that are not general purpose and reusable. However, items #3, #4, and #5 affect how the code operates and need to be corrected.

Here’s a corresponding list of what to do for each of the items on that list -

  1. The post method form processing code (and get method ‘business logic’) should be before the start of the html document. The html document should either use an actual template system or at most contain just simple php code needed to output the dynamic content.
  2. Use an array for errors and an array to hold a trimmed working copy of the form data. While this trades discrete variables for array elements, this leads to being able to dynamically process the form data or detect if there are any errors using a simple statement.
  3. Empty() will consider the number zero to be an empty value. You would instead test if the value is exactly an empty string.
  4. This ‘logic’ will allow data consisting of all white-space character(s) to be considered valid, but the value used in the rest of the code will be an empty string, either producing errors or an unexpected result. You would instead trim all the data first, then use the trimmed values in the rest of the code.
  5. This item is unconditionally removing / characters that could be a valid part of a value and by applying htmlspecialchars() to the input data, would alter the meaning of the data. Htmlspecialchars() is an output function. It is used when you output data in a html context.
  6. After the end of the validation logic, you would just test if the array holding the errors is empty before using the submitted form data.
  7. To cause a form to submit to the same page, just leave the action attribute out.
  8. There’s no point to this logic, just use the trimmed value in either case.

For what you are using the input data for, calculating and displaying a result, you should be using a get method form, not a post method form. The reason for this is if you enter values that produces a result you want to return to, you can bookmark or create a short-cut to the page, or share/post the link to the page.

1 Like

Why you don’t put just input type=“text” required

Sponsor our Newsletter | Privacy Policy | Terms of Service