View on GitHub

PaulZi Form

JavaScript form helpers

Download this project as a .zip file Download this project as a tar.gz file

PaulZi Form

Form extra events

Form 1

                    

                    
                    
                

                
Show source

                

                
                
                
HTML5 form attributes polyfill

                

                    

                        
Form 2 (items)

                        

                            
 Item 1 

                            
 Item 2 

                            
 Item 3 

                            
                            
                        

                    

                    

                        
Form 3 (add to favorites)

                    

                

                
More examples

                
Show source

                



                
Do not send empty fields

                

                    

                        
Form

                        

                            Price:  - 

                            Type: 

                            

                                Colors
                                
                                 black
                                 red
                            

                            
                        

                    

                

                
Show source

                



                
Lock re-submit the form

                

                    

                        
Form locked

                        

                            Your name: 
                             (press the button several times quickly)
                        

                        

                    

                    

                        
Form unlocked

                        

                            Your name: 
                             (press the button several times quickly)
                        

                        

                    

                

                
Show source

                

                
                
                
Displays submitting status of forms

                

                    
                    

                        
Form state (please wait)

                        

                            Your name:  (try to submit with ENTER)

                            
                            
                            
                        

                    

                    
                

                
Show source

                

                
                
                
Sending form via AJAX

                

                    

                        
Form ajax

                        

                            Your name: 

                            Avatar: 

                            
                            
                            
                        

                        

                        

                    

                    
                

                
Show source

                


                
                
Scenarios

                

                    

                        
Form ajax

                        

                            Your name: 

                            Export name:  (only via default)

                            

                                Export settings (only via default)
                                 compress
                            

                            
                            
                        

                        

                    

                

                
Show source

                

                
                
                
AJAX response handling

                

                    
Amounts in cart: 0 (note: reinit toolip after ajax!)

                    

                        

                            
Custom mode contents

                            
                            
                            
                            
                            

                        

                    

                    
                

                
Show source

                

                
                
                
Global options

                

                    
                

                
Show source