<style>
#main-upb-form {
 border-top: 8px solid #000000 !important;
}
/*-----------------------------------Button CSS Start-----------------------------------*/
.UPB-Button-input input[type="submit"], .UPB-Button-input input[type="reset"], .UPB-Button-input .UPB-Button {
 background: #000000;
   border-top: 1px solid #424242;
 background: -webkit-gradient(linear, left top, left bottom, from(#424242), to(#000000));
 background: -webkit-linear-gradient(top, #424242, #000000);
 background: -moz-linear-gradient(top, #424242, #000000);
 background: -ms-linear-gradient(top, #424242, #000000);
 background: -o-linear-gradient(top, #424242, #000000);
 text-shadow:0px -1px 0px #000000;
  
}
.UPB-Button-input .UPB-Button:hover,
.UPB-Button-input .UPB-Button:active,
.UPB-Button-input input[type="submit"]:hover, 
.UPB-Button-input input[type="reset"]:hover, 
.UPB-Button-input input[type="submit"]:active, 
.UPB-Button-input input[type="reset"]:active {
 border-top-color: #000000;
 background: #000000;
}
.UPB-Button-input input {
 background: #000000;
   border-top: 1px solid #424242;
 background: -webkit-gradient(linear, left top, left bottom, from(#424242), to(#000000));
 background: -webkit-linear-gradient(top, #424242, #000000);
 background: -moz-linear-gradient(top, #424242, #000000);
 background: -ms-linear-gradient(top, #424242, #000000);
 background: -o-linear-gradient(top, #424242, #000000);
	
 text-shadow: 0px -1px 0px #000000;
  
}
.UPB-Button-input input:hover, .UPB-Button-input input:active {
 background: #000000;
	color: #fff;
   border-top-color: #000000;
 text-shadow: 0px 0px 0px #000000;
 }
.UPB-Button-input a {
	text-decoration: none;
   text-shadow:0px -1px 0px #000000;
 }
.UPB-Button-input a:hover, .UPB-Button-input a:active {
	text-decoration: none;
   text-shadow:0px -1px 0px #000000;
 }
/*-----------------------------------Button CSS Ends-----------------------------------*/
#progressbar {
	width: 199px;
border-color:#000000;
	height: 15px;
	margin-bottom: 10px;
}
#progressbar .ui-progressbar-value {
background: #000000;
border-color:#000000}
</style>
<!--HTML for displaying registration form-->
<form method="post" class="UPB-login-form" action="" id="registerform" name="registerform">
 <div id="UPB-Free-Form">
 <div class="text-info-heading">반드시 정확한 Email을 기입하여 주시고 해당 이메일로 sosdrjoo@gmail.com으로 등업 신청하여 주시기 바랍니다.</div>
  <div id="main-upb-form">
        <div id="UPB-Free-Form-entry-content">
        <div class="UPB-Free-Form-main-upb-form">
         <div class="login-form">
         
 
         <div class="formtable">
          <label for="user_login">Username</label>
        <div class="input-box upb_required">
          <input type="text" onblur="javascript:validete_userName();" onkeyup="javascript:validete_userName();" onfocus="javascript:validete_userName();" onchange="javascript:validete_userName();" value="" class="input" id="user_name" name="user_name">
          <div class="reg_frontErr upb_error_text custom_error" style="display:none;" id="nameErr"></div>
        </div>
      </div>
      
         <div class="formtable">
         <label for="user_email">E-mail</label>
         <div class="input-box upb_required upb_email">
          <input type="text" onblur="javascript:validete_email();" onkeyup="javascript:validete_email();" onfocus="javascript:validete_email();" onchange="" value="" class="input" id="user_email" name="user_email">
          <div class="reg_frontErr upb_error_text custom_error" style="display:none;" id="emailErr"></div>
        </div>
      </div>
               <div class="formtable">
        <label for="user_password">Password</label>
      <div class="input-box upb_required upb_password">
          <input id="inputPassword" name="inputPassword" type="password" onfocus="javascript:document.getElementById('user_confirm_password').value = '';" />
          <div id="complexity" class="default" style="display:none;"></div>
          <div id="password_info" class="password-pro">At least 7 characters please!</div>
          <div class="reg_frontErr upb_error_text custom_error" style="display:none;"></div>
          
        </div>
      </div>
      
         <div class="formtable">
        <label for="user_confirm_password">Confirm Password</label>
        <div class="input-box upb_required upb_confirmpassword">
          <input id="user_confirm_password" name="user_confirm_password" type="password"/>
          <div class="reg_frontErr upb_error_text custom_error" style="display:none;"></div>
          <!--<div class="reg_frontErr upb_error_text" id="divuser_confirm_password" style="display:none;">Enter the password again to confirm</div>-->
        </div>
        <div class="clear"></div>
      </div>
           
      <!-- HTML for displaying custom fields in Registration form -->
      
              
      <!-- Custom fields in Registration form ends -->
            <div class="clear"></div>
    </div>
       <div class="clear"></div>
         </div><!---------------------login-form---------->
         <div class="clear"></div>
         </div><!---------------------UPB-Free-Form-main-upb-form---------->
         <div class="cler"></div>
        </div><!-----------------UPB-Free-Form-entry-content---------->
    
        <div id="UPB-Button-area" >
    
       <div class="UPB-Button-input forgot-passwordd">
       <input type="hidden" id="_wpnonce" name="_wpnonce" value="134353de8b" /><input type="hidden" name="_wp_http_referer" value="/wordpress/wp-json/wp/v2/pages/750" />       <input type="submit" value="Submit" class="UPB-Button" id="submit" name="submit" >
       <input type="reset" value="Reset" class="UPB-Button" id="reset" name="reset" />
                  </div><!---------------UPB-Button-input forgot-passwordd----------->
      
     </div><!------------UPB-Button-area--------->
     
        <div class="customupberror" style="display:none"></div> 
    
      <div class="clear"></div>
    </div><!------------main-upb-form---------> 
 
  <div class="clear"></div>    
 </div><!-------------main-upb-form---------> 
    
</form>
<script language="javascript" type="text/javascript"> //AJAX username validation
			var name=false;
			var email=false;
			function validete_userName()
			{
				jQuery.ajax(
				{
					type: "POST",
					url: 'http://drjoo.kr/wordpress/wp-admin/admin-ajax.php?action=ajaxcalls&cookie=encodeURIComponent(document.cookie)&function=validateUser&name=' + jQuery("#user_name").val(),
					success : function (serverResponse)
					{
								
						if (serverResponse == "true") {
							jQuery("#nameErr").html("Sorry, username already exist");
							jQuery("#nameErr").css('display','block');
							jQuery("#submit").attr('disabled', true);
						} else {
							jQuery("#nameErr").html('');
							jQuery("#nameErr").css('display','none');
							jQuery("#submit").attr('disabled', false);
						}
            	
					}
				})
			}
			function validete_email() //AJAX email validation
			{
				jQuery.ajax(
				{
					type: "POST",
					url: 'http://drjoo.kr/wordpress/wp-admin/admin-ajax.php?action=ajaxcalls&cookie=encodeURIComponent(document.cookie)&function=validateEmail&email=' + jQuery("#user_email").val(),
					success : function (serverResponse)
					{
						if (serverResponse == "true") {
                        email = false;
                        jQuery("#emailErr").html("Sorry, email already exist");
                        jQuery("#emailErr").css('display','block');
                        jQuery("#submit").attr('disabled', true);
						} else {
							jQuery("#emailErr").html('');
							jQuery("#submit").attr('disabled', false);
							jQuery("#emailErr").css('display','none');
						}
					}
				})
			}
</script>
<script>
    jQuery(document).ready(function () {
        //for date picker
        jQuery('.MyDate').datepicker({
            dateFormat: 'yy-mm-dd'
        });
    });
    jQuery('#registerform').submit(function () {
        //email validation start for custom field	
        var email_val = "";
        var regex = /^([a-zA-Z0-9_.+-])+\@(([a-zA-Z0-9-])+\.)+([a-zA-Z0-9]{2,4})+$/;
        jQuery('.custom_error').html('');
        jQuery('.custom_error').hide();
        jQuery('.customupberror').html('');
		
				var password = jQuery('#inputPassword').val();
		var confirmpassword = jQuery('#user_confirm_password').val();
		var passwordlength = password.length;
		if(password !="")
		{
			if(passwordlength < 7)
			{
				jQuery('.upb_password').children('.custom_error').html('Your password should be at least 7 characters long.');
				jQuery('.upb_password').children('.custom_error').show();
			}
			if(password != confirmpassword)
			{
				jQuery('.upb_confirmpassword').children('.custom_error').html('Password and confirm password do not match.');
				jQuery('.upb_confirmpassword').children('.custom_error').show();
			}
		}
				
        jQuery('.upb_email').each(function (index, element) {
            var email = jQuery(this).children('input').val();
            var isemail = regex.test(email);
            if (isemail == false && email != "") {
                jQuery(this).children('.custom_error').html('Please enter a valid e-mail address.');
                jQuery(this).children('.custom_error').show();
            }
        });
		
		
		/*file addon start */
		 jQuery('.upb_file').each(function (index, element) {
			var val = jQuery(this).children('input').val().toLowerCase();
			var allowextensions = jQuery(this).children('input').attr('data-filter-placeholder');
			if(allowextensions=='')
			{
				allowextensions = 'jpg|jpeg|png|gif|doc|pdf|docx|txt|psd';
			}
			var regex = new RegExp("(.*?)\.(" + allowextensions + ")$");
			if(!(regex.test(val)) && val!="") {
			
				jQuery(this).children('.custom_error').html('This file type is not allowed.');
                jQuery(this).children('.custom_error').show();
			}
        });
		/*file addon end */
        jQuery('.upb_number').each(function (index, element) { //Validation for number type custom field
            var number = jQuery(this).children('input').val();
            var isnumber = jQuery.isNumeric(number);
            if (isnumber == false && number != "") {
                jQuery(this).children('.custom_error').html('Please enter a valid number');
                jQuery(this).children('.custom_error').show();
            }
        });
		
		 jQuery('.upb_date').each(function (index, element) { //Validation for number type custom field
            var date = jQuery(this).children('input').val();
			var datepattern = /^\d{4}-\d{2}-\d{2}$/;
 			 is_date = date.match(datepattern);
            if (is_date == null && date !="") {
                jQuery(this).children('.custom_error').html('Please enter a valid date(yyyy-mm-dd).');
                jQuery(this).children('.custom_error').show();
            }
        });
		
		jQuery('.upb_required').each(function (index, element) { //Validation for number type custom field
            var value = jQuery(this).children('input').val();
			var value2 = jQuery.trim(value);
            if (value == "" || value2== "") {
                jQuery(this).children('.custom_error').html('This is a required field.');
                jQuery(this).children('.custom_error').show();
            }
        });
		
		jQuery('.upb_select_required').each(function (index, element) { //Validation for number type custom field
            var value = jQuery(this).children('select').val();
			var value2 = jQuery.trim(value);
            if (value == "" || value2== "") {
                jQuery(this).children('.custom_error').html('This is a required field.');
                jQuery(this).children('.custom_error').show();
            }
        });
		
		jQuery('.upb_textarearequired').each(function (index, element) { //Validation for number type custom field
            var value = jQuery(this).children('textarea').val();
			var value2 = jQuery.trim(value);
            if (value == "" || value2== "") {
                jQuery(this).children('.custom_error').html('This is a required field.');
                jQuery(this).children('.custom_error').show();
            }
        });
		
		jQuery('.upb_checkboxrequired').each(function (index, element) { //Validation for number type custom field
		var checkboxlenght = jQuery(this).children('.upb-check-text').children('.Checkbox').children('input[type="checkbox"]:checked');
		
        var atLeastOneIsChecked = checkboxlenght.length > 0;
        if (atLeastOneIsChecked == true) {
		}else{
                jQuery(this).children('.custom_error').html('This is a required field.');
                jQuery(this).children('.custom_error').show();
            }
		
		});
		
		jQuery('.upb_termboxrequired').each(function (index, element) { //Validation for number type custom field
		var checkboxlenght = jQuery(this).children('.term-box').children('input[type="checkbox"]:checked');
		
        var atLeastOneIsChecked = checkboxlenght.length > 0;
        if (atLeastOneIsChecked == true) {
		}else{
                jQuery(this).children('.custom_error').html('This is a required field.');
                jQuery(this).children('.custom_error').show();
            }
		
		});
		
		jQuery('.upb_radiorequired').each(function (index, element) { //Validation for number type custom field
		var radiolenght = jQuery(this).children('.upb-check-text').children('.Checkbox').children('input[type="radio"]:checked');
		
        var atLeastOneIsChecked = radiolenght.length > 0;
        if (atLeastOneIsChecked == true) {
		}else{
                jQuery(this).children('.custom_error').html('This is a required field.');
                jQuery(this).children('.custom_error').show();
            }
		
		});
		
        var b = '';
        b = jQuery('.custom_error').each(function () {
            var a = jQuery(this).html();
            b = a + b;
            jQuery('.customupberror').html(b);
        });
        var error = jQuery('.customupberror').html();
        if (error == '') {
            return true;
        } else {
            return false;
        }
    });
jQuery('.upb_required').parent('.formtable').children('.lable-text').children('label').append('<sup class="upb_estric">*</sup>');
jQuery('.upb_select_required').parent('.formtable').children('.lable-text').children('label').append('<sup class="upb_estric">*</sup>');
jQuery('.upb_radiorequired').parent('.formtable').children('.lable-text').children('label').append('<sup class="upb_estric">*</sup>');
jQuery('.upb_checkboxrequired').parent('.formtable').children('.lable-text').children('label').append('<sup class="upb_estric">*</sup>');
jQuery('.upb_textarearequired').parent('.formtable').children('.lable-text').children('label').append('<sup class="upb_estric">*</sup>');
</script>
<style>
.upb_estric{ color:red;}
</style>{"id":750,"date":"2017-08-18T20:44:45","date_gmt":"2017-08-18T11:44:45","guid":{"rendered":"http:\/\/drjoo.kr\/wordpress\/ultimate-registration-page\/"},"modified":"2021-03-02T15:32:40","modified_gmt":"2021-03-02T06:32:40","slug":"ultimate-registration-page","status":"publish","type":"page","link":"http:\/\/drjoo.kr\/wordpress\/ultimate-registration-page\/","title":{"rendered":"UPB Registration Page"},"content":{"rendered":"\n    \ub2f9\ubd84\uac04 \ud68c\uc6d0 \uac00\uc785\uc740 \ubc1b\uc9c0 \uc54a\uc2b5\ub2c8\ub2e4.\u00a0\n\n\ud604\uc7ac \ubcf8 \ud648\ud398\uc774\uc9c0\uc5d0 \uc788\ub294 \ubaa8\ub4e0 \uc8fc\uc131\uc900 \uad50\uc218\uc758 \uc800\uc791\ubb3c\uc740 \ud68c\uc6d0 \uac00\uc785 \uc5c6\uc774\n\n\ubb34\ub8cc\ub85c \ub2e4\uc6b4 \ubc1b\uc744 \uc218 \uc788\uc2b5\ub2c8\ub2e4.\n\n&nbsp;\n\n&nbsp;\n\n<hr \/>\n\n&nbsp;\n    \n","protected":false},"excerpt":{"rendered":"<p>\ub2f9\ubd84\uac04 \ud68c\uc6d0 \uac00\uc785\uc740 \ubc1b\uc9c0 \uc54a\uc2b5\ub2c8\ub2e4.\u00a0 \ud604\uc7ac \ubcf8 \ud648\ud398\uc774\uc9c0\uc5d0 \uc788\ub294 \ubaa8\ub4e0 \uc8fc\uc131\uc900 \uad50\uc218\uc758 \uc800\uc791\ubb3c\uc740 \ud68c\uc6d0 \uac00\uc785 \uc5c6\uc774 \ubb34\ub8cc\ub85c \ub2e4\uc6b4 \ubc1b\uc744 \uc218 \uc788\uc2b5\ub2c8\ub2e4. &nbsp; [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"http:\/\/drjoo.kr\/wordpress\/wp-json\/wp\/v2\/pages\/750"}],"collection":[{"href":"http:\/\/drjoo.kr\/wordpress\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/drjoo.kr\/wordpress\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/drjoo.kr\/wordpress\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/drjoo.kr\/wordpress\/wp-json\/wp\/v2\/comments?post=750"}],"version-history":[{"count":7,"href":"http:\/\/drjoo.kr\/wordpress\/wp-json\/wp\/v2\/pages\/750\/revisions"}],"predecessor-version":[{"id":1326,"href":"http:\/\/drjoo.kr\/wordpress\/wp-json\/wp\/v2\/pages\/750\/revisions\/1326"}],"wp:attachment":[{"href":"http:\/\/drjoo.kr\/wordpress\/wp-json\/wp\/v2\/media?parent=750"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}