HTML form with JS does not work properly in PHP

Question

I have a form with JS where I hide and show form's fields after choosing option with radiobuttons.



    
        
            
                Wyszukaj
                
                    Indeks
                    
                
                
                    Imię
                    
                    Nazwisko
                    
                
                
                    Wydział
                    
                
                
                    Kierunek
                    
                
                
                    System
                    
                
                
                    Stopień
                    
                
                
                    Semestr
                    
                
                
                     Indeks
                     Imię i nazwisko
                     Wydział
                     Kierunek
                     System
                     Stopień
                     Semestr

Also I have PHP file, where I get data from this form.

 function studentWindow()
    {
        $this->setView("AdminPanel", "StudentWindow");
        if (isset($_POST['submit']) && $_POST['submit'] == 'searchStudent') {
            $query="";
            $data=array();
            if($_POST['search']=='index'){
                $data['index']=sanitizeString($_POST['index']);
                $query="st_index LIKE '?%'";
            }
            elseif($_POST['search']=='name'){
                $data['name']=sanitizeString($_POST['name']);
                $data['surname']=sanitizeString($_POST['surname']);
                $query="name LIKE '?%' AND surname LIKE '?%'";
            }
            elseif($_POST['search']=='faculty'){
                $data['faculty']=$_POST['faculty'];
                $query='AS st INNER JOIN subject AS s ON st.id_subject=s.id_subject INNER JOIN faculty AS f ON s.id_faculty=f.id_faculty WHERE f.name=?';
            }
            elseif($_POST['search']=='subject'){
                $data['subject']=$_POST['subject'];
                $query='AS st INNER JOIN subject AS s ON st.id_subject=s.id_subject WHERE s.name=?';
            }
            elseif($_POST['search']=='system'){
                $data['system']=$_POST['system'];
                $query='system=?';
            }
            elseif($_POST['search']=='degree'){
                $data['degree']=$_POST['degree'];
                $query='degree=?';
            }
            elseif($_POST['search']=='semester'){
                $data['semester']=$_POST['semester'];
                $query='semester=?';
            }
            $this->loadModel("AdminPanel");
            $model = new AdminPanelModel();
            $model->getStudents($query,$data);
        }
    }

This is a problem. I can't get data from forms and also the button doesn't work. I made other forms like this but without JS. This may be the cause. Do you have any suggestions or solutions?

P.S. Sorry for my English ;)

Mike · Accepted Answer

The problem is using required='required' when the form fields are not required.

The user can submit at any time and it is not evident that you must click each radio button in turn to fill out that portion, if that was the intention.

I ran your code as plain HTML and examined the POST data in the Chrome Dev Tools and it works fine if you fill out all fields with required...

You will get an error in console that says the following:

An invalid form control with name='faculty' is not focusable.

Chrome is trying to focus the field to add error messages, but you set style.display = 'none' so it can't.

HTML form with JS does not work properly in PHP

Answers (1)

Related Questions