Home Web Front-end HTML Tutorial Form validation_html/css_WEB-ITnose

Form validation_html/css_WEB-ITnose

Jun 24, 2016 am 11:39 AM
form validation

script implements username and password verification






Form Verify
                                                                                                                                                                                      Get the content entered by the user
var value = obj.value;
/3.Get span
var span = document.getElementById('s1');
span.innerHTML = "";
if (reg.test(value)) {
   span.innerHTML = 'Username cannot be empty' ;
                                                                                                                                                                                                                                                                                                                                                                                                               var checkPwd                                                                                          Password box
var pwd = document.forms[0]['pwd'];
var reg = /^s*$/;
var span = document.getElementById ('s2');
                                                                                                                                                                                                                                                                                                                     span.className = 'error'; >                                                                      return false;                     span.innerHTML = 'Password length cannot be less than 6 characters';
;
                                                                  return false;                                                                                                                                                                                              🎜>var repwd = document.forms[0]['re1'];
                                                                                                                                                     >           var span = document.getElementById('s3');
                  span.innerHTML = ''; 🎜>                                                                                                                                                                                                                                                                     span.innerHTML = 'Two passwords are inconsistent';
                     span.className = 'error'; span.innerHTML = 'ok';
span.className = 'info';
return true;
                                                                                             ) {
                                                                                                                                        //3. Get span username') {
var span = document.getElementById('s1');
span.innerHTML = 'Username is required';
span.className = 'info';
>                                                                                                                                                                                         The password length cannot be less than 6 characters!';
                                                                           className = 'info';
                                                                                                            Provide id value for input document.getElmentById();
//2. Get tbody,tbody.getElementsByTagName('input');
//Document.forms can get all form objects in the document
/ /documeents.Forms [0] [name | ID]
var nameinput = document.forms [0] ['username'];
console.log (nameinput);                return checkName(nameInput) && checkPwd() && checkRepwd();
            }
        
        
    

    
        

用户注册


        

            

                
                    
                    
                    

                
                
                    
                    
                    
                
                
                    
                    
                    

                
                
                    

                
            
用户名
                        
                    

                        
                    
密码
                        
                    

                        
                    
重复密码
                        
                    

                        
                    

                        
                        
                    

        

    

Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

Hot AI Tools

Undresser.AI Undress

Undresser.AI Undress

AI-powered app for creating realistic nude photos

AI Clothes Remover

AI Clothes Remover

Online AI tool for removing clothes from photos.

Undress AI Tool

Undress AI Tool

Undress images for free

Clothoff.io

Clothoff.io

AI clothes remover

AI Hentai Generator

AI Hentai Generator

Generate AI Hentai for free.

Hot Article

R.E.P.O. Energy Crystals Explained and What They Do (Yellow Crystal)
1 months ago By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Best Graphic Settings
1 months ago By 尊渡假赌尊渡假赌尊渡假赌
Will R.E.P.O. Have Crossplay?
1 months ago By 尊渡假赌尊渡假赌尊渡假赌

Hot Tools

Notepad++7.3.1

Notepad++7.3.1

Easy-to-use and free code editor

SublimeText3 Chinese version

SublimeText3 Chinese version

Chinese version, very easy to use

Zend Studio 13.0.1

Zend Studio 13.0.1

Powerful PHP integrated development environment

Dreamweaver CS6

Dreamweaver CS6

Visual web development tools

SublimeText3 Mac version

SublimeText3 Mac version

God-level code editing software (SublimeText3)

How to use CodeIgniter4 framework in php? How to use CodeIgniter4 framework in php? May 31, 2023 pm 02:51 PM

PHP is a very popular programming language, and CodeIgniter4 is a commonly used PHP framework. When developing web applications, using frameworks is very helpful. It can speed up the development process, improve code quality, and reduce maintenance costs. This article will introduce how to use the CodeIgniter4 framework. Installing the CodeIgniter4 framework The CodeIgniter4 framework can be downloaded from the official website (https://codeigniter.com/). Down

How to use Flask-WTF to implement form validation How to use Flask-WTF to implement form validation Aug 03, 2023 pm 06:53 PM

How to use Flask-WTF to implement form validation Flask-WTF is a Flask extension for handling web form validation. It provides a concise and flexible way to validate user-submitted data. This article will show you how to use the Flask-WTF extension to implement form validation. Install Flask-WTF To use Flask-WTF, you first need to install it. You can use the pip command to install: pipinstallFlask-WTF import the required modules in F

Laravel Development: How to validate form requests using Laravel Validation? Laravel Development: How to validate form requests using Laravel Validation? Jun 13, 2023 pm 01:34 PM

Laravel is a popular PHP web development framework that provides many convenient features to speed up the work of developers. Among them, LaravelValidation is a very practical function that can help us easily validate form requests and user-entered data. This article will introduce how to use LaravelValidation to validate form requests. What is LaravelValidationLaravelValidation is La

How to implement form validation for web applications using Golang How to implement form validation for web applications using Golang Jun 24, 2023 am 09:08 AM

Form validation is a very important link in web application development. It can check the validity of the data before submitting the form data to avoid security vulnerabilities and data errors in the application. Form validation for web applications can be easily implemented using Golang. This article will introduce how to use Golang to implement form validation for web applications. 1. Basic elements of form validation Before introducing how to implement form validation, we need to know what the basic elements of form validation are. Form elements: form elements are

How to handle form validation using middleware in Laravel How to handle form validation using middleware in Laravel Nov 02, 2023 pm 03:57 PM

How to use middleware to handle form validation in Laravel, specific code examples are required Introduction: Form validation is a very common task in Laravel. In order to ensure the validity and security of the data entered by users, we usually verify the data submitted in the form. Laravel provides a convenient form validation function and also supports the use of middleware to handle form validation. This article will introduce in detail how to use middleware to handle form validation in Laravel and provide specific code examples.

PHP form validation tips: How to use the filter_input function to verify user input PHP form validation tips: How to use the filter_input function to verify user input Aug 01, 2023 am 08:51 AM

PHP form validation tips: How to use the filter_input function to verify user input Introduction: When developing web applications, forms are an important tool for interacting with users. Correctly validating user input is one of the key steps to ensure data integrity and security. PHP provides the filter_input function, which can easily verify and filter user input. This article will introduce how to use the filter_input function to verify user input and provide relevant code examples. one,

Form validation and filtering methods in PHP? Form validation and filtering methods in PHP? Jun 29, 2023 pm 10:04 PM

PHP is a scripting language widely used in web development, and its form validation and filtering are very important parts. When the user submits the form, the data entered by the user needs to be verified and filtered to ensure the security and validity of the data. This article will introduce methods and techniques on how to perform form validation and filtering in PHP. 1. Form validation Form validation refers to checking the data entered by the user to ensure that the data complies with specific rules and requirements. Common form verification includes verification of required fields, email format, and mobile phone number format.

How to use Hyperf framework for form validation How to use Hyperf framework for form validation Oct 20, 2023 pm 02:04 PM

How to use the Hyperf framework for form validation Introduction: With the development of web applications, form validation has become an important part of ensuring the accuracy and security of data. As a high-performance PHP development framework, the Hyperf framework provides powerful form validation functions. This article will introduce how to use the Hyperf framework for form validation and provide specific code examples. 1. Install the Hyperf framework: Use Composer to install: composercreate-proje

See all articles