Estoy tratando de hacer una validación de formulario SIN jquery. Encontré este código, pero no estoy seguro de cómo convertirlo de Jquery a Javascript simple. Encontré este código aquí
$('.clickme').click(function() { alert($(this).prev().val()) }) <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <input type="hidden" name="myvalue" class="form-control input_text" value="aaa" /> <input type="button" class="clickme" value="Get Value" /> <input type="hidden" name="myvalue" class="form-control input_text" value="bbb" /> <input type="button" class="clickme" value="Get Value" /> <input type="hidden" name="myvalue" class="form-control input_text" value="ccc" /> <input type="button" class="clickme" value="Get Value" /> <input type="hidden" name="myvalue" class="form-control input_text" value="ddd" /> <input type="button" class="clickme" value="Get Value" /> <input type="hidden" name="myvalue" class="form-control input_text" value="eee" /> <input type="button" class="clickme" value="Get Value" />Cualquier ayuda con esto sería increíble. Tengo varios formularios en un archivo HTML, todos con las mismas variables de entrada, y necesito que las funciones se ejecuten solo cuando se hace clic en ese botón de entrada específico.
El siguiente código JS debería hacer el trabajo:
document.querySelectorAll('.clickme').forEach(ele => { ele.addEventListener('click', () => alert(ele.previousElementSibling.value)) });Necesita recorrer todos los elementos con la clase "haz clic en mí" y agregarles un evento de clic
document.querySelectorAll('.clickme').forEach(ele => { ele.addEventListener('click', () => alert(ele.previousElementSibling.value)) }); <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <input type="hidden" name="myvalue" class="form-control input_text" value="aaa" /> <input type="button" class="clickme" value="Get Value" /> <input type="hidden" name="myvalue" class="form-control input_text" value="bbb" /> <input type="button" class="clickme" value="Get Value" /> <input type="hidden" name="myvalue" class="form-control input_text" value="ccc" /> <input type="button" class="clickme" value="Get Value" /> <input type="hidden" name="myvalue" class="form-control input_text" value="ddd" /> <input type="button" class="clickme" value="Get Value" /> <input type="hidden" name="myvalue" class="form-control input_text" value="eee" /> <input type="button" class="clickme" value="Get Value" />