HTML5 обязательное действие триггера атрибута с jQuery

Question

Я работаю над прототипом, и я хочу вызвать действие после отправки, но только если заполнены необходимые поля.

У меня есть этот код

<button type="submit" onclick="doSomething()" class="btn btn-primary">Register</button> 

А также вход на мою форму, используя «необходимый атрибут» из HTML 5, как этот

<input type="text" class="form-control" placeholder="Name" required> 

Я хочу, чтобы вызвать действие OnClick только если вход был заполнен. Я предполагаю, что я мог бы сделать это, проверяя, если вход был заполнен с помощью JQuery, мне было интересно, если есть более простой способ

Answer 1

Ну, я действительно нашел решение, если кто-то сталкивается с одной и той же проблемой, так я это сделал.

Вместо того, чтобы использовать «щелчок» на кнопку теге я добавил «onsubmit» (я понятия не имел, это существовало) события внутри моей тег формы с моей функцией DoSomething, как это:

<form onsubmit="doSomething()"> 

Функция будет вызываться только в том случае, если требуемые входные данные заполнены, что легко.

Спасибо за тех, кто пытался помочь в любом случае

Answer 2

Попробуйте использовать oninput событие

function doSomething() { 
 
    console.log("do stuff") 
 
} 
 

 
document.querySelector("input").oninput = function() { 
 
    this.nextElementSibling.click() 
 
}

<input type="text" class="form-control" placeholder="Name" required> 
 
<button type="submit" onclick="doSomething()" class="btn btn-primary">Register</button>

Answer 3

Ну вы всегда можете использовать этот https://jsfiddle.net/2Lzo9vfc/26/

HTML

<button type="submit" class="btn btn-primary">Register</button> 
<input type="text" class="form-control" placeholder="Name" required> 

JS

$('button').click(function() { 
    var content = $('input').val(); 

    if(content != '') { 
    alert(content); 
    } 
});