Tengo un formulario que contiene campos de correo electrónico y contraseña, ambos son obligatorios y tengo este botón

 ... -> input <button type="submit" x-data="{ isClicked: false }" @click="isClicked = true;" x-bind:disabled="isClicked"> <span x-show="isClicked"> loading ... </span> <span x-show="!isClicked" class="w-full text"> Submit </span> </button> </form>

Cuando hago clic en el botón, obtengo el evento de carga que son campos obligatorios

¿Cómo puedo hacer que el botón se cargue después de completar ambas entradas?