VBForums - jQuery http://www.vbforums.com/ Discuss anything and everything about jQuery. en Sun, 19 May 2013 17:07:21 GMT vBulletin 60 http://www.vbforums.com/images/misc/rss.png VBForums - jQuery http://www.vbforums.com/ jQuery JSON validation for username before continuing with Facebook registration... http://www.vbforums.com/showthread.php?720757-jQuery-JSON-validation-for-username-before-continuing-with-Facebook-registration&goto=newpost Tue, 07 May 2013 04:13:56 GMT if the username is taken on my server, the registration errors... However, facebook thinks that the user is registered still... so it wont direct to the register page, but instead login, I set the cookie for the user (or attempt to) but validation says its not a valid user so wont accept the login... and it can become a big circle... etc so i found out about the async validation... and it seems to work ok... except it says my json return is causing a parse error... my PHP webcode: PHP: --------- function CheckUsername($reqname){ global $facebook, $clsUser, $dbi, $user_prefix, $prefix; $result = sql_query("SELECT user_id, facebook, email_address, password FROM ".$user_prefix ."user_account WHERE username='".addslashes($reqname)."'",$dbi); if(sql_num_rows($result,$dbi)>0){ $data = "Taken"; } else { $data = "Free"; } header("Content-Type: application/json"); // tried it with and without the [ square brackets... echo "[{\n"; echo "\"username\": ".json_encode($data)."\n"; echo "}]"; exit; } --------- which outputs (as a download file... due to the content headers) Code: --------- { "username": "Taken" } --------- the json request is: Code: ---------
--------- the webpage itself works... - ive tried it using browser, and tested the output on a validator which says its ok... but, the output on my console is: ---Quote--- LOG: We are in the validate_async box... LOG: Fetching the username 'eee' LOG: exiting the validate_async LOG: error ( .fail() ) response: [object Object] LOG: error ( .fail() ) textstatus: parsererror LOG: error ( .fail() ) errorresult: [object Error] LOG: complete ( .always() ) LOG: We are in the validate_async box... LOG: Fetching the username 'eee' LOG: exiting the validate_async LOG: error ( .fail() ) response: [object Object] LOG: error ( .fail() ) textstatus: parsererror LOG: error ( .fail() ) errorresult: [object Error] LOG: complete ( .always() ) ---End Quote--- anyone got any ideas?]]> OK, heres the thing...

I am integrating facebook login into my website... Its all working, except i have yet to validate the fields on the registration form.

ie: all of the following work...
Facebook login,
facebook registration


the only problem being -> if the username is taken on my server, the registration errors...
However, facebook thinks that the user is registered still... so it wont direct to the register page, but instead login, I set the cookie for the user (or attempt to) but validation says its not a valid user so wont accept the login... and it can become a big circle... etc

so i found out about the async validation...

and it seems to work ok... except it says my json return is causing a parse error...

my PHP webcode:
PHP Code:

function CheckUsername($reqname){
    global $facebook, $clsUser, $dbi, $user_prefix, $prefix;
        
    $result = sql_query("SELECT user_id, facebook, email_address, password FROM ".$user_prefix
                    ."user_account WHERE username='".addslashes($reqname)."'",$dbi);    
    
    if(sql_num_rows($result,$dbi)>0){
        $data = "Taken";
        
    } else {
        $data = "Free";
        
    }
    header("Content-Type: application/json");
              // tried it with and without the [ square brackets...
    echo "[{\n";
    echo "\"username\": ".json_encode($data)."\n";
    echo "}]";
    exit;
} 
which outputs (as a download file... due to the content headers)

Code:
{
"username": "Taken"
}

the json request is:

Code:
<script src="http://code.jquery.com/jquery-1.7.1.min.js" type="text/javascript"></script>
<script type="text/javascript">
function validate_async(form, cb) {
       
        console.log("We are in the validate_async box...");
       
        //if(form.username.length<3){
        //        console.log("the username length is less than 3 chars");
        //        cb("username: Username length must be longer than 3 chars.");
       
        //}else{       
       
                        // TODO: check password is ok before proceeding...
                       
                        console.log("Fetching the username '"+form.username+"'");       
                       
                        $.getJSON('http://domain.com/member/fb_login.php?op=CheckUsername&username=' + form.username,
                                function(response) {
                                        console.log( "first finish routine? ");               
                                })
                        .done(function(response) {
                                console.log( "second success ( .done() )" );
                               
                                console.log("We are checking the response...'"+response.username+"'");
                               
                                if (response.username == "Free") {
                                        // Username isn't taken, let the form submit
                                        //cb();
                                       
                                        console.log("error is true???");       
                                       
                                        //call back
                                        cb();
                                }
                               
                                console.log("We are displaying username error...");
                                cb({username: 'That username is taken, Sorry!'});
                       
                               
                        })
                        .fail(function(response, textstatus, errorresult) {
                                console.log( "error ( .fail() ) response: " +response );
                                console.log( "error ( .fail() ) textstatus: " +textstatus );
                                console.log( "error ( .fail() ) errorresult: " +errorresult );
                                cb({username: 'We failed to check the username...'});
                               
                        })
                        .always(function(response) {
                                console.log( "complete ( .always() )" );
                               
                        });

        //}               
        console.log("exiting the validate_async");
}
</script>

<div style="float:right;">
        <div class="fb-registration" data-fields='[
                                    {"name":"name"},
                    {"name":"first_name"},
                    {"name":"last_name"},
                    {"name":"email"},
                    {"name":"location"},
                    {"name":"username","description":"Username for our website","type":"text"},
                    {"name":"password"},
                    {"name":"captcha"},
                    {"name":"newsletter","description":"Subscribe to our newsletter?","type":"checkbox"}
                    ]'
        data-redirect-uri="<?php echo FB_SITEBASE; ?>/members/fb_login.php?op=do_register"
      width="300" onvalidate="validate_async">
    </div></div>
the webpage itself works... - ive tried it using browser, and tested the output on a validator which says its ok...

but, the output on my console is:

Quote:

LOG: We are in the validate_async box...
LOG: Fetching the username 'eee'
LOG: exiting the validate_async
LOG: error ( .fail() ) response: [object Object]
LOG: error ( .fail() ) textstatus: parsererror
LOG: error ( .fail() ) errorresult: [object Error]
LOG: complete ( .always() )
LOG: We are in the validate_async box...
LOG: Fetching the username 'eee'
LOG: exiting the validate_async
LOG: error ( .fail() ) response: [object Object]
LOG: error ( .fail() ) textstatus: parsererror
LOG: error ( .fail() ) errorresult: [object Error]
LOG: complete ( .always() )
anyone got any ideas? ]]> jQuery wpearsall http://www.vbforums.com/showthread.php?720757-jQuery-JSON-validation-for-username-before-continuing-with-Facebook-registration how to display image in html table uisng jquery http://www.vbforums.com/showthread.php?719651-how-to-display-image-in-html-table-uisng-jquery&goto=newpost Sun, 28 Apr 2013 03:51:27 GMT " + (data.d[i].CustomerID) + "" + (data.d[i].CompanyName) + "" + " " + ""); --------- ]]> i have following line of code along with gif image ..it showing all database driven data but not image

any help

Code:
for (var i = 0; i < data.d.length; i++) {
 
 $("#tbl").append("<tr  bgcolor= lightblue><td>" + (data.d[i].CustomerID) + "</td><td>" + (data.d[i].CompanyName) + "</td>" + "<td> <img  src=" +  "'" + "detail.gif" +"'" + "height=20 width=20>  </td>" +  "</tr>");
]]> jQuery ERUM http://www.vbforums.com/showthread.php?719651-how-to-display-image-in-html-table-uisng-jquery JQUery Must Not Affect Code Behind http://www.vbforums.com/showthread.php?719433-JQUery-Must-Not-Affect-Code-Behind&goto=newpost Fri, 26 Apr 2013 07:54:40 GMT Hi guys I want to know if its possible to execute my code behind (VB code) even the jquery execute first.
To give you a more details on what I am saying, this is what i have

Code:
$('#first_div').show();
$('#second_div').hide();

$('#button1').click(function() {
    $('#first_div').slidetoggle('slow');
    $('#second_div').hide();

    $(this).slideToggle('active');
    return false;
});
$('#button2').click(function() {
    $('#second_div').slidetoggle('slow');
    $('#first_div').hide();

    $(this).slideToggle('active');
    return false;
});
with those code my code behind (VB code) doesn't execute anymore. If turn it into return true it will execute however the jquery will not work.

Please help me understand this JQuery :). Thank you ]]> jQuery aNubies http://www.vbforums.com/showthread.php?719433-JQUery-Must-Not-Affect-Code-Behind