Home / Questions

Questions[validación]

Martin Hope
Luis Ricardo Rodrguez Hernndez
Asked: 2021-12-31 11:46:17 +0800 CST
  • 0

I have been searching in documentation how to validate two passwords, but I don't understand much about how to do it, I am just getting into these languages ​​and I would like if someone could explain or teach me how to do it please. this is my html code but i don't know if i need javascript too and how do i call the html file in java. I have also seen that they put the java code in the HTML document but I don't understand which is the html part and which is the java part.

Here my code adding what they provided me

<html>
<head>

    <meta charset = "utf-8">
    <title>Registro</title>
    <link rel="stylesheet" href="../css/registro.css">

</head>
<body>

    <div class="HS">
        <img src="../img/House_Student.png" class="letter" alt"la">
        </div>

        <div class="titulo">
            <h1>Registrate</h1>
            </div>

<div class="caja_login">
    </div>

    <div class="formulario" align="left">
    <form action="registro.php" name="formulario" id="formulario" method="post">

        <label for="Introduce tu nombre">Nombre: </label>
        <input type="text" name="nombre" placeholder="ej. Luis Ricardo"
        required="" pattern="[a-z-A-Z-á-ú]+"
        title="Unicamente escriba su nombre. No se aceptan numeros en este espacio. Si tiene mas de un nombre escriba unicamente uno.">
<p> </p>
        <label for="Introduce tu apellido paterno">Apellido paterno: </label>
        <input type="text" name="a_paterno" placeholder="ej. Hernández"
        required="" pattern="[a-z-A-Z-á-ú]+"
        title="Unicamente escriba su apellido paterno. No se aceptan numeros en este espacio">

        <label for="Introduce tu apellido materno">Apellido materno: </label>
      <input type="text" name="a_materno" placeholder="ej. Rodríguez"
        required="" pattern="[a-z-A-Z-á-ú]+"
        title="Unicamente escriba su apellido paterno. No se aceptan numeros en este espacio">
<p> </p>

        <label for="Introduce tu edad">Edad: </label>
        <input type="number" name="edad" placeholder="ej. 50"
        required="" min="1" max="120"
        title="Escriba su edad en este espacio. Minimo 1 y maximo 120">

        <label for="Introduce tu Pais">pais: </label>
        <input type="text" name="pais" placeholder="ej. México"
        required="" pattern="[a-z-A-Z-á-ú]+"
        title="Escriba el pais de su procedencia. No se aceptan numeros en este espacio">
<p> </p>
        <label for="Introduce tu Correo">Correo(opcional): </label>
        <input type="email" name="correo" placeholder="[email protected]"
        title="Su correo no tiene '@' es necesario que escriba correctamente su correo.
        ejemplo: [email protected]">
<p> </p>
        <label for="Introduce una contraseña">Contraseña: </label>
        <input type="password" requiered="" name="contr" id="contr1"><br>

        <label for="Introduce una contraseña">Confirma tu contraseña: </label>
        <input type="password" requiered="" name="contr2" id="contr2"><br>

        <input type="submit" value="Registro"><br>

</div>
<script>
formMain.addEventListener("submit", (e) => { // Escuchar cuando se envíe el formulario
  if (contr1.value !== contr2.value) { // Comprobar si los valores de los inputs son iguales, si no lo son continuar
    e.preventDefault(); // Prevenir que la página se recargue
    err.innerHTML = "Las contraseñas no coinciden"; // Notificar al usuario
    setTimeout(() => {
      err.innerHTML = " ";
    }, 1200); // Esperar 1.2 segundos y quitar el mensaje
  }
});
</script>

</body>
</html>
validación
Martin Hope
HENRY VARGAS
Asked: 2020-09-21 11:41:27 +0800 CST
  • 0

please if you can help me with this: I need the submit button to be disabled until the condition that "total" is equal to or greater than 50 is met. In my code, the "total" is formed by checking the checkboxes of each product.

I'm learning to program and I'm having some problems, I haven't detected the error yet, it may be in the sum of the checkbox values, which are linked to a java code, but I think it's most likely in applying the conditional.

Help please, here is the code.

$(document).ready(function() {

  $(document).on('click keyup', '.mis-checkboxes,.mis-adicionales', function() {
    calcular();
  });

});

function calcular() {
  var tot = $('#total');
  tot.val(0);
  $('.mis-checkboxes,.mis-adicionales').each(function() {
    if ($(this).hasClass('mis-checkboxes')) {
      tot.val(($(this).is(':checked') ? parseFloat($(this).attr('tu-attr-precio')) : 0) + parseFloat(tot.val()));
    } else {
      tot.val(parseFloat(tot.val()) + (isNaN(parseFloat($(this).val())) ? 0 : parseFloat($(this).val())));
    }
  });
  var totalParts = parseFloat(tot.val()).toFixed(2).split('.');
  tot.val('$' + totalParts[0].replace(/\B(?=(\d{3})+(?!\d))/g, ",") + '.' + (totalParts.length > 1 ? totalParts[1] : '00'));
}
if (true) {}
<!DOCTYPE html>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<html>

 <head>

  <td>Productos: </td>
  <br>
  <br>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

  <table width="500" border="2">
    <ul>
      <tr>

        <td>
          <input type="checkbox" tu-attr-precio="35" id="Café" class="mis-checkboxes" name="checkbox[]" value="Café">
          <label for="Café">Café</label>
          <br></td>
        <td>35</td>
      </tr>

      <tr>

        <td>


          <input type="checkbox" tu-attr-precio="29" id="Té" class="mis-checkboxes" name="checkbox[]" value="Te">
          <label for="Té">Té</label>
          <br></td>

        <td>29</td>
      </tr>



      <td>


        <input type="checkbox" tu-attr-precio="28" id="chocolate" class="mis-checkboxes" name="checkbox[]" value="chocolate">
        <label for="chocolate">chocolate</label>
        <br></td>

      <td>28</td>
      </tr>


      <td>
        <input type="checkbox" tu-attr-precio="10" id="choclo" class="mis-checkboxes" name="checkbox[]" value="choclo">

        <label for="choclo">choclo</label>

        <br></td>

      <td>10</td>


      <table>

      </table>
      <br>
      <label><strong>Total</strong><label>
<input type="text" id="total" placeholder="0.00"required>
  <script>
                          
          if (total.value <= 50) {
            console.log("Se muestra")
            enviar.removeAttribute('disabled')
          } else {
            enviar.setAttribute('disabled', "true");
          }
    
</script>

<input type="submit"  id="enviar" value="Enviar" disabled>
</html>

validación
Martin Hope
maraet
Asked: 2020-08-28 07:43:28 +0800 CST
  • 1

I need to delve into the validation of a single field in Laravel , in my case with email .

I know the following functionality should work in Laravel

'email' => 'unique:App\User,email',

But this functionality in the Livewire form does not work in real time. When I get to submit, if the email is repeated, it gives me the following error:

laravel Integrity constraint violation: 1062 Duplicate entry email unique

I do not know the functionality of it, I assumed that this avoided the error and validated that the mail is unique in the form. This is not the case, would I be missing something?

Or should I do the rule manually?

$usuario = User::where('email', $email);

I really appreciate your time spent on my consultation.

validación
Martin Hope
Richard
Asked: 2020-07-02 15:34:27 +0800 CST
  • 1

Currently I perform the validation using onChange, but my intention is that when the user moves to another text field, TextFieldwhen it loses focus , it will be validated and show an error message if there is one.

new TextField(
          controller: textController,
      decoration: new InputDecoration(
        hintText: 'Email',
        border: InputBorder.none ,
        labelText: 'Ingrese su Email',
        errorText: _validate ? "Dato no valido" : null
      ),
      keyboardType:TextInputType.emailAddress,
      onChanged: (validate){
       setState(() {
        if (validanco(validate)) {
          _validate = false;
        }else _validate = true;
        });
      },
      onEditingComplete: () =>FocusScope.of(context).requestFocus(focusnobe),
    ),

The method validanco()returns a type value boolwhich, if ok, returns the text true.

Look for the documentation of FocusNodebut I did not find any method that helps me to validate when the user changes fromTtextField

validación
Martin Hope
César
Asked: 2020-12-03 08:01:11 +0800 CST
  • 16

In forms, programmers are using typesHTML5 typed inputs ( ). For example, the following case requires the entry of a number between 13 and 16 digits:

<input type="text" pattern="[0-9]{13,16}" title="A credit card number" />

enter image description here

As can be seen in the image, the browser (Chrome in this case), shows a validation which I want to avoid since we want to pass this and other validations to the server side and display customized messages.

Is there a way to get rid of these browser-generated validation messages without having to manually edit each inputform?

validación