Atributo value o placeholder para modificar datos

[DkarnDuuk]

Hola!

Tengo una duda.

Si quiero cambiar los datos desde un formulario de un registro guardado y tengo un campo texto...

Código PHP:

  <input type="text" id="myId" name="nombre" placeholder="Nombre *" required>  
   

si pongo el dato guardado en el atributo placeholder, este valor no lo toma como real, y si es obligatorio me va a decir que está vacío.

¿Hay alguna forma de solucionar esto? He probado varias cosas como lo siguiente

Código HTML:

<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<script>
	$( "#myId" ).attr('placeholder',"juan");
</script> 

y sí que cambia el valor original del campo, pero me pasa lo mismo, no lo coge como si lo hubiera tecleado, y cuando lo envío, me dice que está vacío.

Gracias

[IsaBelM]

es un problema de javascript, concretamente jquery, no de html. una solución con javascript puro.

quita el atributo required al control y ejecuta es js

Código Javascript:

document.addEventListener('DOMContentLoaded', function(){
var elem = document.querySelector('#myId'); 
  elem.placeholder = 'juan';
  document.querySelector("form").addEventListener("submit",function(event) {
if(!elem.value) {
  elem.value = 'juan';
}
});
  });
 

[DkarnDuuk]

Hola,

Gracias por tu respuesta, pero no me funciona del todo bien el código. La primera parte la hace bien: pone en el atributo placeholder 'juan' (aunque lo pone difuminado).

Código Javascript:

document.addEventListener('DOMContentLoaded', function(){
        var elem = document.querySelector('#myId'); 
        elem.placeholder = 'juan';
        
        alert(elem.placeholder);
    });
 

pero la segunda parte no, ya que al enviar el formulario me dice que el campo está vacío:

Código Javascript:

document.querySelector("form").addEventListener("submit",function(event) {
event.preventDefault();
            alert('form submited');
            if(!elem.value) {
                elem.value = 'juan';
            }
        });
 

He probado alguna otra cosilla en el código, pero no consigo que funcione.

[IsaBelM]

le has quitado el atributo required??
ésta línea a que viene??

event.preventDefault();

quieres que no se envíe el formulario??

[DkarnDuuk]

Hola,

Gracias por responder.

Como puedes ver, he estado modificando el código para probar varias cosas que he visto por ahí, ya que como te comento en el segundo mensaje, la segunda parte no la hace. El preventdefault() es una de esas cosas que probé, al igual que el mensaje de 'form submited'.

Un saludo

[IsaBelM]

como monté el código a "mano alzada", me he visto obligada a ejecutarlo ante tus respuestas. el código funciona tal y como se espera; si el usuario no introduce ningún valor en el campo, éste es enviado con el valor del placeholder