ajax - Enable/Disable button - Verify username existence -


i'm trying verify existence of username in db.

i have 1 field contains text field , submit button. submit button disabled.

once user enters valid username , after checking in db, submit button becomes enabled , text field border turns green, or else red.

just here fine, when user changes mind , tries change username, submit button still enabled despite text field indicates wrong username or format.

how can change submit button disabled.

i tried in code document.getelementbyid('register').disabled = false;

enter image description here

this full code.

<!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <link href="../style.css" rel="stylesheet" type="text/css" /> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.js"></script> <script> $(document).ready(function() {     $('#username').keyup(username_check); });  function username_check() {    var username = $('#username').val(); if(username == "" || username.length < 14) {     $('#username').css('border', '2px #ccc solid');     $('#tick').hide(); } else { jquery.ajax({    type: "post",    url: "check.php",    data: 'username='+ username,    cache: false,    success: function(response){     if(response == 1){         $('#username').css('border', '2px #c33 solid');          $('#tick').hide();         $('#cross').fadein();         document.getelementbyid('register').disabled = true;     }     else     {         $('#username').css('border', '2px #090 solid');         $('#cross').hide();         $('#tick').fadein();         document.getelementbyid('register').disabled = false;      }  } }); } } </script> <style> #username {     padding:3px;     font-size:18px;     border:3px #ccc solid; } #tick{display:none} #cross{display:none} </style> </head>  <body> <form action="" method="get" style="width:500px"> <table width="500" border="0" cellspacing="0" cellpadding="0">   <tr>     <td width="152">&nbsp;</td>     <td width="348">&nbsp;</td>   </tr>   <tr>     <td>username</td>     <td><input name="username" id="username" type="text" />           <img id="tick" src="tick.png" width="16" height="16"/>           <img id="cross" src="cross.png" width="16" height="16"/>     </td>   </tr>   <tr>     <td>&nbsp;</td>     <td><input type="submit" name="register" id="register" value="submit" disabled="disabled" /></td>   </tr> </table> </form>  </body> </html>

$("#register").attr("disabled","disabled") in success , $("#register").removeattr("disabled") in failure...

hope helps


Comments

Post a Comment

Popular posts from this blog

c++ - Is it possible to compile a VST on linux? -

for class project i'm attempting write vst plugin backed cuda. current cuda workflow on linux box, i'd prefer compile , link there. according wikipedia , should possible (i couldn't find steinberg documentation relevant linux) can't find makefile or instructions on how build if aren't using xcode or visual studio. i'm vst 3 sdk doesn't support linux. when try compile plugin under linux, error: ./base/source/fatomic.cpp:39:30: fatal error: libkern/osatomic.h: no such file or directory this issue caused following code in "vst3 sdk/base/source/fatomic.cpp" #if mac #include <libkern/osatomic.h> #if mac_os_x_version_min_required > mac_os_x_version_10_4 #define native_atomic_type (volatile int32_t*) #else #define native_atomic_type (int32_t*) #endif #elif windows #include <windows.h> #endif but hope compiling under linux work vst sdk 2.4. reading. jvstwrapper seems run on lin...
Read more

java - Output of Eclipse is rubbish -

i want write program in eclipse language different english. when display output using system.out program, displays output correctly in console editor. when accept input console , output it, output rubbish. how can solve it. many thnaks i'm not sure if problem, have character encoding problem. make sure you're using unicode, utf-8. you can read more @ official docs converting non-unicode text .
Read more

jquery - Confused with JSON data and normal data in Django ajax request -

i read json internet still have not got grasp of it. reading article http://webcloud.se/log/ajax-in-django-with-jquery/ i not understood first part function using json def xhr_test(request, format): if request.is_ajax(): if format == 'xml': mimetype = 'application/xml' if format == 'json': mimetype = 'application/javascript' data = serializers.serialize(format, examplemodel.objects.all()) return httpresponse(data,mimetype) # if want prevent non xhr calls else: return httpresponse(status=400) my main problems are from function getting format variable does format json mean data given function json or data recived json can give me simple example ouput of function data = serializers.serialize(format, examplemodel.objects.all()) how use data when response in jquery function if don't use json in above function how input , response chnage thanks ...
Read more