3
Puede que su problema a primera instancia se resuelva aplicando la función trim() , pero esta función eliminará solo los espacios al inicio y al final del texto.
Pero ¿Qué pasa si es que ingresan espacios entre dos letras? es decir m e aplicando trim() retornaría más de 5 cuando solo hay dos letras. Para esto propongo reemplazar primero más de 1 ...
respondida el 4 ene. 18 a las 2:58
Dev. Joel
22.7k33 medallas de oro2424 medallas de plata4444 medallas de bronce
3
La mejor forma de lograr lo que quieres es usando font-family: inherit; font-size: inherit; asi:
form {
font-size: 2em;
}
form textarea,
form textarea::placeholder,
form textarea::-webkit-input-placeholder {
height: 70px;
font-family: inherit;
font-size: inherit;
overflow-y: hidden;
}
form input,
form input::placeholder,
form ...
respondida el 9 jul. 19 a las 16:10
alanfcm
19.5k1111 medallas de oro1414 medallas de plata3333 medallas de bronce
2
La forma más segura para obtener los estilos de los elementos es mediante getComputedStyle , que forma parte de window.
Supongamos que el color de fondo es asignado vía CSS, mediante la clase test, puedes hacer esto:
/* Seleccionamos el elemento por la clase*/
var elTxt=document.querySelector('.test');
const style = getComputedStyle(elTxt);
const ...
respondida el 31 mar. 19 a las 18:20
A. Cedano
73.8k1818 medallas de oro100100 medallas de plata196196 medallas de bronce
2
Para lo que quieres, basicamente creas un textarea y le das la propiedad de display:none para q no se muestre desde un principio. Luego cuando apretas unir, le dices q se muestre con el display = "block". El limpiar, borra el valor del textarea, y lo vuelve a ocultar.
<!DOCTYPE html>
<html>
<head>
<title>Unir con salto de ...
respondida el 24 sep. 18 a las 15:48
Manuco Bianco
1,21688 medallas de oro1313 medallas de plata2121 medallas de bronce
2
Mira logre hacer lo siguiente con bootstrap 3 , la versión que tienes.
@media only screen and (min-device-width: 768px)
{
#form_container {
padding: 5%;
background: #ffffff;
border: 9px solid #f2f2f2;
max-width: 520px;
margin: auto;
}
}
/* Añadido por Checho parrado */
@media all and (max-...
respondida el 20 mar. 18 a las 0:40
Sebastián Lagos Yañez
1,48911 medalla de oro66 medallas de plata2525 medallas de bronce
2
Debes asignar el valor de tu variable al valor del textarea:
document.getElementById("el id de tu text area").value = tuVariable;
2
Haz lo siguiente:
Utiliza un elemento del tipo pre;
Agrega una clase a ese pre con este css;
.testClass{
white-space: -moz-pre-wrap; /* Mozilla, supported since 1999 /
white-space: -pre-wrap; / Opera /
white-space: -o-pre-wrap; / Opera /
white-space: pre-wrap; / CSS3 - Text module (Candidate Recommendation) http://www.w3.org/TR/css3-text/#...
2
Para solucionar tu problema debes almacenar la información en una variable y luego verificar que no este vacía, de la siguiente manera:
echo "<textarea rows='4' cols='56' id='texto_opinion' name='texto_opinion'></textarea>";
echo "<input type='submit' name='add_opinion' id='add_opinion' value='Añadir opinión'>";
if(isset($_POST["...
1
Puedes poner ese código en el index.html, después de importar jquery:
<html>
<head>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script>
$.fn.fitInText = function() {
this.each(function() {
let textbox = $(this);
let textboxNode = this;
let ...
respondida el 20 nov. 20 a las 2:59
Lobos
11.3k33 medallas de oro88 medallas de plata2727 medallas de bronce
1
Resolvi elimnando el atributo duplicado.
1
No tengo claro que con un textarea vayas a poder anidar otras etiquetas como h1, ya que un textarea tiene un mismo estilo de fuente para todo su contenido. Lo que sí puedes hacer es tener un DIV con contenido editable y estilos que hagan que parezca un textarea
Luego es tan fácil como hacer que al empezar a escribir se borre el contenido inicial del div y ya ...
respondida el 21 ago. 20 a las 23:42
Benito-B
3,52122 medallas de oro66 medallas de plata2525 medallas de bronce
1
Lo más sencillo es que para verificar campos vacíos con js es por ejemplo donde tu pones if (nombre.value == "") puedes cambiarlo por if (nombre.value.length==0), así verificas que el campo no se quede vacío.
1
Hay algo mucho mas simple que todo eso, lo mas sencillo de hacer para verificar campos vacíos con js es por ejemplo donde tu pones if (nombre.value == "") puedes cambiarlo por if (nombre.value.length==0)Solo tendrías que cambiar eso en todos los campos, y así te aseguras de que no estén vacíos, es mucho mas sencillo que lo que has hecho, espero que te sirva ...
respondida el 13 feb. 20 a las 20:56
Aarón Rojas Gutiérrez
54711 medalla de plata1111 medallas de bronce
1
Primera cosa que deberías hacer es colocarle un required al textarea:
<textarea
class="mensaje-textarea"
id="mensaje"
placeholder="Escriba su mensaje. Máximo 500 caracteres."
maxlength="500"
required>
</textarea>
De esta manera si el textarea no tiene contenido no va a enviarse el formulario, ...
respondida el 13 feb. 20 a las 20:46
Riven
4,83722 medallas de oro55 medallas de plata2222 medallas de bronce
1
El problema como mencionaba Sebastian lo tienes en la condición: if( ! ("autofocus" in document.createElement( "input" ) ) )
Para solucionarlo e modificado tu función de la siguiente manera:
Formulario:
<form name="myForm" method="post" action="upload.php" onsubmit="return validateForm()" autocomplete="off">
<div id="txtar1"><textarea rows=...
1
¡Hola! Para qué se está usando esta linea?
if( ! ("autofocus" in document.createElement( "input" ) ) )
Con lo siguiente te debería quedar bien:
<script>
function validateForm() {
var x = document.forms["myForm"]["input"].value;
if (x == "") {
document.getElementById( "input" ).focus();
return false;
}
}
</script>
<form name="myForm"...
Solo están habilitadas las respuestas de wiki más votadas con una longitud mínima y que no pertenecen a la comunidad
Etiquetas relacionadas
textarea × 37javascript × 13
html × 12
php × 8
java × 5
mysql × 3
bootstrap × 3
css × 2
laravel × 2
html5 × 2
angular × 2
css3 × 2
formularios × 2
bucle-for × 2
input × 2
jquery × 1
sql × 1
ajax × 1
python-3.x × 1
sql-server × 1
json × 1
array × 1
vue.js × 1
date × 1
imagen × 1