Login Form

Username

Password

Remember me
Password Reminder
No account yet? Create one
Home arrow Articles arrow Avoid submitting empty fields to server
Avoid submitting empty fields to server PDF Print E-mail
Written by Administrator   
Saturday, 27 October 2007
This little javascript function with customization ofcourse will submit to the server ony fields with values in them. Example..

[searchform]
name -> empty
email ->
age -> empty

normal query string - search.php?name=&email=address%40host.com&email&age=

with this functionality - search.php?email=address%40host.com

You can also use this with some tweaks if for some reason you wanted to submit information for several different forms.
Javascript Code:
 
function doSearch(){
    var 
document.getElementById('s_form')
    var 
isvalid = new Array()
    var 
v_hash = new Array()
    
    for(
i=0;i
        
if(s.elements[i].type=='text' && s.elements[i].value.length ){
                
isvalid.push(s.elements[i].name)
                
v_hash.push(s.elements[i].value)
                }
        }
    switch(
isvalid.length){
        case 
0:
        
alert("You must enter a keyword in atleast one field")
        default:
        
filter_form document.createElement('FORM')
        
filter_form.setAttribute('name','filter_search')
        
filter_form.setAttribute('action','search.php')
        
filter_form.setAttribute('method','get')
        
        for(
i in isvalid){
            
            
filter_field document.createElement('INPUT')
            
filter_field.setAttribute('name',isvalid[i])
            
filter_field.setAttribute('type','hidden')
            
filter_field.setAttribute('value',v_hash[i])
            
filter_form.appendChild(filter_field)
            }
        
submit_field document.createElement('INPUT')
        
submit_field.setAttribute('name','do')
        
submit_field.setAttribute('type','hidden')
        
submit_field.setAttribute('value','search')
        
filter_form.appendChild(submit_field)
        
document.getElementById('maincell').appendChild(filter_form)
        
filter_form.submit()
        }
    
    


Add to favourite articles (7) | Place this article on your website | Views: 169

Comments (1)
RSS comments
1. Written by admin on 28-10-2007 08:18 - Registered
 
 
It can't really be used as is but it demonstrates a few key concepts
 

Only registered users can write comments.
Please login or register.

blabh
Last Updated ( Thursday, 22 November 2007 )