Hola como dice el el titulo tengo un problema a al usar jquery con electron. He estado siguiendo este tutorial ya que he aprendido algo de desarrollo web y recientemente descubrí jquery y como en el tuto no lo usa pense usarlo para variar.
la cosa es que en renderer hace una validacion de un input
// DOM Elements
const linksSection = document.querySelector('.links')
const errorMessage = document.querySelector('.error-message')
const newLinkForm = document.querySelector('.new-link-form')
const newLinkURL = document.querySelector('.new-link-url')
const newLinkButton = document.querySelector('.new-link-button')
const clearStorageButton = document.querySelector('.clear-storage')
newLinkURL.addEventListener('keyup', () => {
newLinkButton.disabled = !newLinkURL.validity.valid;
});
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Electron App</title>
</head>
<body>
<h1>My Favorite Websites</h1>
<div class="error-message"></div>
<section class="add-new-link">
<form class="new-link-form">
<input type="url" class="new-link-url" placeholder="URL" size="100" required autofocus>
<button type="submit" class="new-link-button" disabled>
Save
</button>
</form>
</section>
<section class="links"></section>
<section class="controls">
<button class="clear-storage">Clear Storage</button>
</section>
<!-- Jquery & renderer -->
</body>
</html>
entonces intenté hacerlo con jquery
// Mi codigo
const link_section = $(".links");
const error_message = $(".error-message");
const link_form = $(".new-link-form");
const url_txt = $(".new-link-url");
const link_btn = $(".new-link-button");
const clear_storage = $(".clear-storage");
url_txt.keyup(function (e) {
link_btn.disabled = !url_txt.validity.valid;
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Electron App</title>
</head>
<body>
<h1>My Favorite Websites</h1>
<div class="error-message"></div>
<section class="add-new-link">
<form class="new-link-form">
<input type="url" class="new-link-url" placeholder="URL" size="100" required autofocus>
<button type="submit" class="new-link-button" disabled>
Save
</button>
</form>
</section>
<section class="links"></section>
<section class="controls">
<button class="clear-storage">Clear Storage</button>
</section>
<!-- Jquery & renderer -->
</body>
</html>
Y pues alli la falla ¿Por que sale undefinido? ¿Hay alguna diferencia al hacerlo con querySelector?
Intenté cambiar link_btn.disabled = !url_txt.validity.valid;
por link_btn.prop("disabled", false) = !url_txt.valid();
pero no funcionó, ¿de que forma se podria hacer con jquery?
Espero puedan ayudarme, ya que estoy aprendiendo y no me gusta quedarme con la duda, sino solo hubiera copiado el codigo tal y como esta en el tutorial :)