Form Validation - proper method for client and server side using PHP & Javascript -


--edit-- (trying rephrase question less confusing..)

my understanding should validate forms both client , server side in case javascript not working.

how advanced developers accomplish in seamless interface (if 1 had describe in general manner)?

currently have javascript validating input fields on fly 'onkeyup ()', highlighting invalid fields.

if run same validations php after user submits, have redirect form if there errors, refreshing page.

i thought method lacking sophistication.

what best method?

thanks in advance.

--- original question below ---

so created form client side javascript validate input user types. highlights boxes w red borders if data invalid (using javascript alter css). re-validate same data php server side in case of problems javascript client side.

i trying figure out proper (or best) way accomplish this.

currently form action setup go "register_post.php" after user hits submit.

--

so validate form data in php in "register_post.php", , redirect form page if invalid, or there more sophisticated way this?

one annoying result of page refreshing when page redirected.

is there more sophisticated way this?

--

another related question - should prep code javascript not working @ all? ..since currently, use javascript highlight fields if data invalid. user have no indication of fields invalid without js.

please bear me beginner.

you trying valid post data php , without refresh page, don't know if point right. if want valid data php , without refreshing page, use ajax. can use javascript post data php script , deal php return data.

an example of jquery ajax method :

<script> var validdataarr = '';  //data need valided $.ajax({             type:"post",url:"http://"+top.location.hostname+"/valid.php",             data:validdataarr,             success:function(context){alert(context);}          }); </script>

Comments

Post a Comment

Popular posts from this blog

apache - Remove .php and add trailing slash in url using htaccess not loading css -

i have add following code htaccess file removing .php extension , add trailing slash urls. worked fine reduced page loading speed , css code not loading @ all. pages ugly. please help rewriteengine on rewritebase / ## hide .php extension snippet # externally redirect /dir/foo.php /dir/foo rewritecond %{the_request} ^[a-z]{3,}\s([^.]+)\.php [nc] rewriterule ^ %1/ [r,l] # add trailing slash rewritecond %{request_filename} !-f rewritecond %{request_uri} !/$ rewriterule . %{request_uri}/ [l,r=301] # internally forward /dir/foo /dir/foo.php rewritecond %{request_filename} !-d rewritecond %{request_filename}.php -f rewriterule ^(.*?)/?$ $1.php [l] we can rewrite urls using .htaccess files. before writing in .htaccess files need verify kind of server using. can check server adding a <?php phpinfo(); ?> in php page. ensure mod_rewrite module enabled in apache server. can identified checking phpinfo included page. common methods used url rewriting follows ...
Read more

javascript - jQuery show full size image on click -

pretty self explanatory not workking . i want display full image when user click on image... yes know there tons of plugins but i want keep simple. any idea ? css : .full { display: none; width: 500px; height: 500px; margin-left: 100px; margin-top: -300px; position: fixed; background-color: #f00; z-index: 6; } .thumbnail { width: 50px; height: 50px; } html: <img class="thumbnail" src="http://4.bp.blogspot.com/-uhbdp2esxng/txneptvi92i/aaaaaaaaaky/upfqis7zto0/s1600/rihanna-wallpaper.jpg"> jquery: $(document).ready(function() { $('.thumbnail').on('click', function() { var img = $('<img />',{src:this.src,'class':'full'}); $('.full').html(img).show(); console.log('done!'); }); }); try looking how jquery works. $(document).ready(function() { $('.thumbnail').on('click', function(...
Read more