La validación de la forma aún envía el formulario vacío -- html campo con validation camp Relacionados El problema

Form Validation still submitting empty form


0
vote

problema

Español

Tengo un formulario para que el usuario complete todos los campos. La situación es que tengo un campo de entrada que el usuario escribirá el nombre de la persona involucrada en la operación y el nombre se enumerará en un TextarArea. Utilizo "Requerido" y "Deshabilitado" en TextArea, ya que necesito capturar los datos insertados por el usuario del campo de entrada. Pero, cuando intento enviar un formulario vacío, todavía envía un valor vacío a la base de datos.

  <form name="prereport" action="insert_operation.php" method="POST">    <div class="container">      <div class="container-fluid">        <input name="inputtitle" type="text" class="form-control" placeholder="Insert Operation Title" required>        <br>        <div class="input-group">          <input name="inputname" type="text" class="form-control" placeholder="Insert Name of Person Going">          <span class="input-group-btn">            <button class="btn btn-default" type="button" onclick="addtext();">Add +</button>          </span>        </div>        <br>        <div class="output-group">          <label for="comment">List of Person Going</label>          <textarea name="outputname" class="form-control" rows="5" id="comment" required required></textarea>        </div>        <br>        <div class="input-group">          <input name="inputequip" type="text" class="form-control" placeholder="Insert Equipment to Bring for Operation">          <span class="input-group-btn">            <button class="btn btn-default" type="button" onclick="addequip();">Add +</button>          </span>        </div>        <br>        <div class="output-group">          <label for="comment">List of equipments for operation</label>          <textarea name="outputequip" class="form-control" rows="5" id="comment" required disabled></textarea>        </div>        <br>        <br>        <center>          <button type="submit" class="btn btn-warning" id="check">Add</button>        </center>      </div>    </div>  </form>  

Imagen de la forma:

ingrese la descripción de la imagen aquí

Original en ingles

I have a form for user to fill in every field. The situation is, I have an input field that user will type in the name of person involved in the operation and the name will be listed in a textarea. I use "required" and "disabled" at textarea as I need to capture the data inserted by the user from the input field. But, when I try to submit an empty form, it still send empty value to the database.

<form name="prereport" action="insert_operation.php" method="POST">    <div class="container">      <div class="container-fluid">        <input name="inputtitle" type="text" class="form-control" placeholder="Insert Operation Title" required>        <br>        <div class="input-group">          <input name="inputname" type="text" class="form-control" placeholder="Insert Name of Person Going">          <span class="input-group-btn">            <button class="btn btn-default" type="button" onclick="addtext();">Add +</button>          </span>        </div>        <br>        <div class="output-group">          <label for="comment">List of Person Going</label>          <textarea name="outputname" class="form-control" rows="5" id="comment" required required></textarea>        </div>        <br>        <div class="input-group">          <input name="inputequip" type="text" class="form-control" placeholder="Insert Equipment to Bring for Operation">          <span class="input-group-btn">            <button class="btn btn-default" type="button" onclick="addequip();">Add +</button>          </span>        </div>        <br>        <div class="output-group">          <label for="comment">List of equipments for operation</label>          <textarea name="outputequip" class="form-control" rows="5" id="comment" required disabled></textarea>        </div>        <br>        <br>        <center>          <button type="submit" class="btn btn-warning" id="check">Add</button>        </center>      </div>    </div>  </form>

Picture of the form:

enter image description here

     
     
     

Lista de respuestas

0
 
vote

Qué quentin está tratando de decir que es dat cuando un campo tiene la propiedad "deshabilitada", el campo no se enviará con la publicación del formulario.

intente usar "readonly" en lugar de "deshabilitado".

Diferencias clave

El atributo deshabilitado

Los valores para elementos de formulario deshabilitados no se pasan al procesador método. El W3C llama a este un elemento exitoso. (Esto funciona similar a Formulario de casillas de verificación que no se verifican). Algunos navegadores pueden anular o Proporcionar un estilo predeterminado para los elementos de formulario deshabilitados. (Gris fuera o En relieve texto) Internet Explorer 5.5 es particularmente desagradable sobre esto. Los elementos de formulario deshabilitado no reciben atención. Elementos de formulario deshabilitado Se saltan en la navegación tabulada.

El atributo de lectura solo

No todos los elementos de la forma tienen un atributo readonal. Más notable, el , y los elementos no tienen read. ATRIBUTOS (Aunque THY THE ambos tienen atributos discapacitados) navegadores No proporciona una retroalimentación visual anulado por defecto que el elemento de formulario es solo lectura. (Esto puede ser un problema ... ver abajo.) Formar elementos con el El conjunto de atributos readonly se pasará al procesador de formularios. Leer Solo los elementos de la forma pueden recibir la lectura de enfoque. Solo los elementos de formulario son Incluido en la navegación con pestañas.

 

What Quentin is trying to say is dat when a field has the property "disabled" the field won't be send with the form post.

Try using "readonly" instead of "disabled".

Key Differences

The Disabled attribute

Values for disabled form elements are not passed to the processor method. The W3C calls this a successful element.(This works similar to form check boxes that are not checked.) Some browsers may override or provide default styling for disabled form elements. (Gray out or emboss text) Internet Explorer 5.5 is particularly nasty about this. Disabled form elements do not receive focus. Disabled form elements are skipped in tabbing navigation.

The Read Only Attribute

Not all form elements have a readonly attribute. Most notable, the , , and elements do not have readonly attributes (although thy both have disabled attributes) Browsers provide no default overridden visual feedback that the form element is read only. (This can be a problemxe2x80xa6 see below.) Form elements with the readonly attribute set will get passed to the form processor. Read only form elements can receive the focus Read only form elements are included in tabbed navigation.

 
 
   
   

Relacionados problema

44  ¿Cómo determinar si una cadena es válida JSON?  ( How to determine whether a string is valid json ) 
¿Alguien sabe de una robusta (a prueba de viñetas) is_json Función SNIPPET para PHP? Yo (obviamente) tengo una situación en la que necesito saber si una caden...

35  Validación del lado del cliente de ASP.NET  ( Asp net custom client side validation ) 
Tengo una función de validación personalizada en JavaScript en un control de usuario en un sitio web .NET 2.0 que comprueba para ver que la tarifa pagada no e...

1499  Se detectó un valor de solicitud potencialmente peligroso. Se detectó valor del cliente  ( A potentially dangerous request form value was detected from the client ) 
Cada vez que un usuario publica algo que contiene < o > En una página en mi aplicación web, recibo esta excepción lanzada. No quiero entrar en la discus...

6  Cómo mostrar los mensajes en InvalidHandler en el validador de jQuery  ( How to display messages in invalidhandler in jquery validator ) 
Estoy tratando de usar el validador de jQuery en un formulario y estoy tratando de averiguar los mensajes de los errores en la opción InvalidHandler (o si hay...

4  Cancelación de la entrada de la caja de texto en el error de validación en WPF  ( Canceling textbox input on validation error in wpf ) 
Estoy tratando de averiguar cómo cancelar la entrada de usuario en un TextBox cuando se produce un error de validación. Si el usuario intenta ingresar un ca...

2  ¿Son selectones y selectmany opciones limitadas por SelectItems?  ( Are selectone and selectmany choices bounded by selectitems ) 
¿Los controles de SELECTO SELECTO y SelectMany solo permiten la presentación de los valores definidos en los selectos seleccionados dados? Me preocupa la fals...

1  ASP.NET 2.0 - ¿Validando los controles no vísperos en la misma página?  ( Asp net 2 0 validating nonvisible controls on the same page ) 
Tengo una aplicación que utiliza los controles de los campos de campo requeridos con una validación y una vez que se hace un clic en el botón "Finalizar". Tod...

1  Validación del identificador de recursos internacionales  ( International resource identifier validation ) 
Validación de URIS para RFC 3986 es bastante simple. Puede usar una expresión regular como : /^ # Star...

2  Validación de PHP - Pasando los valores de Posts HTTP hacia adelante a un pago de terceros  ( Php validation passing http post values forwards to a 3rd party checkout ) 
No sé si esto es posible, parece que no puedo encontrar ninguna otra guía de ayuda para que esto pueda no ser posible ... Tengo una página de pago que publi...

40  Hacer una expresión regular de la expresión insensible en ASP.NET REGUAREXPRESSIONVALIDADOR  ( Make regular expression case insensitive in asp net regularexpressionvalidator ) 
Dada esta expresión regular: "^[0-9]*s*(lbs|kg|kgs)$" ¿Cómo lo hago en caso insensible? Estoy tratando de usar esto en un validador de expresión regular de ...




© 2022 respuesta.top Reservados todos los derechos. Centro de preguntas y respuestas reservados todos los derechos