Запретить отправку формы при нажатии Enter для 1 ввода

Question

Я уже видел этот ответ , но я хочу отключить отправку формы при нажатии ввода только для 1 ввода.

<form>
  <input type="text" name="enterNotDisabled">
  <input type="text" name="enterDisabled">
  <button type="submit">
</form>

Например, я хочу, чтобы, когда фокус был на первом входе, вы могли отправить форму, нажав ввод, но эта функция была бы отключена для второго ввода.

Спасибо за вашу помощь.

Answer 1

просто перехватите событие «Ввод» в этом поле.

Простой пример:

<form>
  <input type="text" name="enterNotDisabled">
  <input type="text" name="enterDisabled" id="input2">
  <button type="submit">
</form>

JS

function catchSubmit(evt) {
  if (evt.code === 'Enter') {
        evt.preventDefault();  
  }
}
document.getElementById('input2').addEventListener('keypress', catchSubmit, false);

Answer 2

Javascript

<form id="form">
  <input type="text" name="enterNotDisabled">
  <input type="text" name="enterDisabled">
  <button type="submit">
</form>

<script type="text/javascript">
    document.querySelector("#form").addEventListener("submit", function(e){
        console.log('event')
        e.preventDefault();
    });

</script>

jQuery

<form id="form">
  <input type="text" name="enterNotDisabled">
  <input type="text" name="enterDisabled">
  <button type="submit">
</form>

<script type="text/javascript">
    $('#form').submit(function(ev) {
        console.log('event')
        ev.preventDefault();
    });

</script>