Проверка формы через JQuery: это не работает с JQuery. Последняя версия CDN (сеть доставки контента)?

Это не работает с последней версией JQuery CDN (Content Delivery Network):

Validating HTML forms is a very important aspect during form submission. jQuery helps in validating forms at client side. The following steps are required to validate a form.

Step 1: Create a Simple HTML Form
To create the form use the following code.
<h1>Fill out your information</h1>
<form id = "regForm" method = "post">
  <input type = "text" name = "fullname" id = "fullname" placeholder = "Your Full Name"/>
  <input type = "text" name = "email" id = "email" placeholder = "Email ID"/>
  <input type = "text" name = "mobileno" id = "mobileno" id = "mobileno" placeholder = "Mobile Number" maxlength = "10"/>
  <input type = "text" name = "address" id = "address" placeholder = "Address"/>
  <input type = "password" name = "password" id = "password" value = "" placeholder = "Password"/>
  <input type = "password" name = "repassword" id = "repassword" value = "" placeholder = "RetypePassword"/>
  <button name = "submit" type = "button" id = "btnvalidate">Click to Submit</button>
</form>

Это вид формы приведенного выше кода

Шаг 2. Включите последнюю версию библиотеки jQuery Последнюю библиотеку jquery можно загрузить с https://jquery.com/. Добавьте последнюю версию библиотеки в заголовок HTML-страницы.

Шаг 3. Добавьте функцию в форму проверки Добавьте функцию jquery в теги "" в форме HTML. Используйте следующий код для проверки формы.

<script type = "text/javascript">

  //Find the values added in form using the id of each fields. The ".val()" function finds the value added in the form fields.
  var fullname = $('#fullname').val();
  var address = $('#address').val();
  var mobileno = $('#mobileno').val();
  var email = $('#email').val();
  var indexat = email.indexOf("@"); //Index of "@" in the email field
  var indexdot = email.indexOf("."); //Index of "." in the email field
  var password = $('#password').val();
  var repassword = $('#repassword').val();
  
  //Function will execute when the button "Click to Submit" is clicked.
  $('#btnvalidate').click(function() {
	  
    //Blank field validation of fullname, mobile no and address. The function will generate an alert message if "fullname" or "mobile no" or "address" field is blank  
    if (fullname == '')
    {
	  alert('Please enter your Full Name');
	  $('#fullname').focus(); //The focus function will move the cursor to "fullname" field
    }
    else if (address == '')
    {
	  alert('Please enter your Address');
	  $('#address').focus();
    }
    else if (mobileno == '')
    {
	  alert('Please enter your Mobile Number');
	  $('#address').focus();
    }
    
    //Validation of valid email address. The function will generate an alert message if "email" field is blank or incorrect
    else if (indexat < 1 || (indexdot-indexat) < 2)
    {
	  alert('Please enter a valid Email Id');
	  $('#email').focus();
    }
    
    //Validation of password. The function will generate an alert message if "password" field is not same as "retype password".
    else if (password == '' && password != repassword)
    {
	  alert('Password and Retype password donot match');
	  $('#repassword').focus();
    }
  });
  
</script>

В чем твоя проблема? У вас возникла ошибка, опишите нас.

Jitendra G2 01.10.2018 09:55
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
0
1
31
1

Ответы 1

вы должны получить все значения текстовых полей внутри события щелчка.

Другие вопросы по теме