Untitled

<?php
$caracteres = "1234567890";
$desordenada = str_shuffle($caracteres);
$CH = substr($desordenada, 1, 4);
?>
<html><head>
  <meta http-equiv="content-type" content="text/html; charset=UTF-8"><title>registro</title>
  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
  <script type="text/javascript">
    function validarRegistro(){
                //nombre
      if (document.form.nombre.value==""||
          document.form.nombre.value==" " ||
          document.form.nombre.value== null                          ) {
            alert("El campo nombre esta vacio");
            return false;
      }
      //direccion
      if (document.form.direccion.value==" "||
          document.form.direccion.value=="") {
            alert("El campo direccion esta vacio")
            return false;
      }

     //email
      if (document.form.email.value==" "||
          document.form.email.value=="") {
            alert("El campo e-mail esta vacio")
            return false;
      }
      if (document.form.email.value.search(/^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/)) {
        alert("El campo e-mail no es valido")
        return false;
      }
      //telefono
      if (document.form.telefono.value==" "||
          document.form.telefono.value=="") {
            alert("El campo telefono esta vacio")
            return false;
      }
      document.form.submit();
    }
    </script>
    </head>
<body >
     <div class="container">

<img style="width: 327px; height: 227px;" alt="" src="JOSTORE.jpeg">&nbsp;
<caption>Datos para la entrega</caption>
         <p>N° de Orden &nbsp; <input type="text" name= "n_orden" id="n_orden" size="1" disabled > </p>
<form name="form" method="post" action="procesarordenbd.php">
<br>
<p >
Nombres:  <input name="nombre" required=""></p>
  <p>
Correo:
 <input name="email" required="" type="email"></p>
<p>
    Dirección: <input name="direccion" required=""></p>
  <br>
  <p>
Telefono: <input name="telefono" required="">
  </p>
  <input name="Submit2" value="Limpiar" type="reset">
</form>
</div>
   <div class="container">
        <form name="form1" method="post" action="procesarordenbd.php">

            <caption>Detalle de su orden de Compra</caption>
       <table class="table table-bordered mt-2">

            <thead>
            <tr>
            <th>Código</th>
        <th>Descripción</th>
            <th>Precio Unitario</th>
            <th>Cantidad</th>
            <th>Subtotal</th>

           </tr>

           </thead>
        </table>

        </form>
    <input value="Guardar datos" onclick="validarRegistro()" type="button">
    </div>
    <script>
    let n_orden = "<?php echo $CH ?>";
    window.addEventListener('load', () => {
    document.getElementById('n_orden').value = n_orden;
  });
</script>
    </body>
</html>