Tengo un área de texto simple. Quiero verificar si hay texto en esta área, cuando presiona el botón y si su área de texto está vacía, la llena con el correo electrónico predeterminado.
const btn = document.getElementById('btn'); let x = document.getElementById('smth'); function putDefaultMail() { if (x.textContent != null) { x.textContent = 'defaultmail@gmail.com'; } } btn.addEventListener('click', function(e) { e.preventDefault(); putDefaultMail(); }); <form> <textarea id="smth"></textarea> <button id="btn">Sumbit</button> </form>Pero algo salió mal. Solo llama una vez.
textContent no es la forma adecuada de obtener valores de textarea. Y también, el valor de un área de texto en blanco es "" , no null .
const btn = document.getElementById('btn'); let x = document.getElementById('smth'); function putDefaultMail() { if (x.textContent != null) { x.textContent = 'defaultmail@gmail.com'; } } btn.addEventListener('click', function (e) { e.preventDefault(); putDefaultMail(); }); <form> <textarea id="smth"></textarea> <button id="btn">Sumbit</button> </form>En su lugar, intente .value:
const btn = document.getElementById('btn'); let x = document.getElementById('smth'); function putDefaultMail() { if (x.value == '') { x.value = 'defaultmail@gmail.com'; } } btn.addEventListener('click', function (e) { e.preventDefault(); putDefaultMail(); }); <form> <label>Text: <textarea id="smth"></textarea></label> <button id="btn">Sumbit</button> </form>Por cierto, debe agregar etiquetas a los controles como se muestra arriba.
Sin embargo, si el usuario ingresa espacios, entonces pasa. Como dijo @MuhammadAliMalekzadeh a continuación, trim() debería eliminar los espacios alrededor para usted.
const btn = document.getElementById('btn'); let x = document.getElementById('smth'); function putDefaultMail() { if (x.value .trim() // <-- here == '') { x.value = 'defaultmail@gmail.com'; } } btn.addEventListener('click', function (e) { e.preventDefault(); putDefaultMail(); }); <form> <label>Write here: <textarea id="smth"></textarea></label> <button id="btn">Sumbit</button> </form>Textarea tiene un valor. Debe verificar si el valor está vacío o no.
const btn = document.getElementById('btn'); let x = document.getElementById('smth'); function putDefaultMail() { if (x.value == "") { // if empty x.value = 'defaultmail@gmail.com'; } } btn.addEventListener('click', function (e) { e.preventDefault(); putDefaultMail(); });