JavaScript: Форма не подтверждена с помощью OnSubmit

Я новый пчела для JavaScript. У меня есть форма, которая не проверяется с помощью кнопки предупреждения. У меня есть форма, которая должна быть представлена без ошибок. Если я отправлю формы с пустыми полями, должно появиться предупреждающее сообщение. Ниже мой код:JavaScript: Форма не подтверждена с помощью OnSubmit

function validate_Form() { 
 
    alert('hi how'); 
 
    exit; 
 
    var tokenNo = document.forms["myForm"]["txt1"].tokenNo; 
 
    if (tokenNo == null || tokenNo == "") { 
 
    alert("Enter The Token No"); 
 
    return false; 
 
    } else { 
 
    document.write("pola"); 
 
    } 
 
}

<table> 
 
    <form name="Sec_guard_form" onsubmit="validate_Form()"> 
 
    <tr> 
 
     <td>Token No</td> 
 
     <td> 
 
     <input type="text" value="" name="token_no" /> 
 
     </td> 
 
    </tr> 
 
    <tr> 
 
     <td>Other Property</td> 
 
     <td> 
 
     <input type="text" value="" name="other_prop" /> 
 
     </td> 
 
    </tr> 
 
    <tr> 
 
     <td>Bike Number</td> 
 
     <td> 
 
     <input type="text" value="" name="bike_no" /> 
 
     </td> 
 
    </tr> 
 
    <tr> 
 
     <td>bike name</td> 
 
     <td> 
 
     <input type="text" value="" name="bike_nm" /> 
 
     </td> 
 
    </tr> 
 
    <tr> 
 
     <td>bike model</td> 
 
     <td> 
 
     <select option="bike model"> 
 
      <option value="Activa 3G">Activa 3G</option> 
 
      <option value="shine">shine</option> 
 
      <option value="unicon">unicon</option> 
 
      <option value="yuga">yuga</option> 
 
      <option value="neo">neo</option> 
 
     </select> 
 
     </td> 
 
    </tr> 
 
    <tr> 
 
     <td> 
 
     <input type="submit" value="submit" /> 
 
     </td> 
 
     <td> 
 
     <input type="submit" value="cancel" /> 
 
     </td> 
 
    </tr> 
 
    </form> 
 
</table>

выше мой код, для я использую Mozilla Firefox в качестве браузера. Это проблема. Моя функция внутри скрипта даже не называется. что я здесь не так ...

источник

2016-11-02 vinayakam

использовать 'return validate_Form()' in 'тег Viney

удалить выход из вашего кода ... нет команды выхода в javascript –

ok я удалю выход из него, но как выйти из определенной строки в javascript для целей тестирования? – vinayakam

Вы не вызываете функцию в своей кнопке отправки. Пожалуйста, сначала используйте это для вызова функции.

<input type="submit" value="submit" onclick="validate_Form()" />

источник

2016-11-02 05:28:04

изменение

<form name="Sec_guard_form" onsubmit="validate_Form()">

<form name="Sec_guard_form" onsubmit="return validate_Form()">

источник

2016-11-02 05:29:39

Я дал return validate_form(), но ничего не произошло – vinayakam

Полный HTML код

<!DOCTYPE html> 
<html> 
<head> 
<title>Page Title</title> 
</head> 
<body> 

<table> 
<form id="Sec_guard_form" onsubmit="return validate_Form();" method="post"> 
    <tr> 
     <td>Token No</td> 
     <td> 
     <input type="text" value="" name="token_no" /> 
     </td> 
    </tr> 
    <tr> 
     <td>Other Property</td> 
     <td> 
     <input type="text" value="" name="other_prop" /> 
     </td> 
    </tr> 
    <tr> 
     <td>Bike Number</td> 
     <td> 
     <input type="text" value="" name="bike_no" /> 
     </td> 
    </tr> 
    <tr> 
     <td>bike name</td> 
     <td> 
     <input type="text" value="" name="bike_nm" /> 
     </td> 
    </tr> 
    <tr> 
     <td>bike model</td> 
     <td> 
     <select option="bike model"> 
      <option value="Activa 3G">Activa 3G</option> 
      <option value="shine">shine</option> 
      <option value="unicon">unicon</option> 
      <option value="yuga">yuga</option> 
      <option value="neo">neo</option> 
     </select> 
     </td> 
    </tr> 
    <tr> 
     <td> 
     <input type="submit" value="submit" /> 
     </td> 
     <td> 
     <input type="submit" value="cancel" /> 
     </td> 
    </tr> 
    </form> 
</table> 
<script> 

    function validate_Form() 
    { alert('hi how'); 
      var tokenNo = document.getElementById("Sec_guard_form")["token_no"].value; 

      if (tokenNo == null || tokenNo == "") 
     { 
      alert("Enter The Token No"); 
      return false; 
     } 
      else 
     { 
      document.write("pola"); 
     } 

} 

</script> 
</body> 
</html>

Это работает отлично

источник

2016-11-02 05:35:51

Я только что скопировал вышеуказанный код, и он не работал – vinayakam

Я отредактировал код и добавил полный код и его рабочий тон в firefox –

Вы можете изменить JavaScript, как это:

function validate_Form() { 
    var form = document.querySelector("form"); 
    var tokenNo = form.elements.token_no.value; 
    if (tokenNo == null || tokenNo == "") { 
    alert("Enter The Token No"); 
    return false; 
    } else { 
    document.write("pola"); 
    } 

    return false; 
}

и ваш HTML, как это:

<form name="Sec_guard_form" onsubmit="return validate_Form()">

выход; ничего не значит в javascript. Вы должны использовать возврат. Поэтому, если вы вернетесь до того, как функция сделает что-нибудь, тогда это не полезно вообще!
Синтаксис вы использовали для выбора элемента формы и получить его значение было неправильно по мне, так что я исправил синтаксис ...
Кроме того, вы можете быть удивлены, почему использовать обратный validate_form() в HTML и возвращает false в функции. Он используется только для остановки страницы для обновления/перенаправления до выполнения всей функции!

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

источник

2016-11-02 05:44:19

Дайте мне знать, если он работает вы :) –

JavaScript: Форма не подтверждена с помощью OnSubmit

ответ

Смежные вопросы