CINXE.COM
Handle Registration Page
<html lang="en"> <head> <link href="https://handle.net/style/hnr-style.css" rel="stylesheet" type="text/css"/> <meta name="msapplication-TileColor" content="#ffffff"/> <meta name="msapplication-TileImage" content="/ms-icon-144x144.png"/> <meta name="theme-color" content="#ffffff"/> <meta http-equiv="content-type" content="text/html"/> <meta name="keywords" content="HANDLE.NET Registry, CNRI, Corporation for National Research Initiatives"/> <meta name="description" content="Handle.Net Registry is a DONA MPA."/> <title>Handle Registration Page</title> <!-- - Registration Specific Javascript and CSS --> <script src="jquery/jquery-1.10.2.js" type="text/javascript"></script> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js" type="text/javascript"></script> <script src="jquery/jquery-ui.min.js" type="text/javascript"></script> <script src="jquery.validate/jquery.validate.js" type="text/javascript"></script> <script src="jquery.addressfield/jquery.addressfield.js" type="text/javascript"></script> <script src="https://challenges.cloudflare.com/turnstile/v0/api.js" async defer></script> <link href="jquery/jquery-ui.min.css" rel="stylesheet" type="text/css"/> <link href="bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css"/> <!-- Registration Specific CNRI Javascript --> <script src="js/registration/AddressFormWidget.js" type="text/javascript"></script> <script src="js/registration/RegistrationApp.js" type="text/javascript"></script> <!-- Registration Specific CNRI CSS --> <link href="css/registration.css" rel="stylesheet" type="text/css"/> </head> <body> <div id="header"> <div style="height:30px;background:#af2d29"><img src="https://handle.net/images3/cnri-corp3.jpg" alt="Corporation for National Research Initiatives" width="1000" height="30" align="middle"/></div> <div style="height:1px;background:#ffffff"></div> <div style="height:120px;background:#af2d29"><img src="https://handle.net/images3/Handle.Net3.jpg" alt="Handle.Net Registry" width="1000" height="120" align="middle"/></div> <div style="height:1px;background:#ffffff"></div> </div> <!-- TABLE FOR NAVIGATION BAR --> <table width="100%" border="0" cellpadding="0" cellspacing="0" align="center"> <tr> <td height="36" width="30" bgcolor="#688bb5"> </td> <td height="36" bgcolor="#688bb5"> <ul id="sddm"> <li><a href="https://handle.net/index.html">HOME</a></li> <li><a href="https://handle.net/download_hnr.html">SOFTWARE</a></li> <li><a href="https://handle.net/prefix.html">PREFIXES</a></li> <li><a href="https://handle.net/payment.html">PAYMENT</a></li> <li><a href="https://handle.net/hnr_documentation.html">DOCUMENTATION</a></li> <li><a href="https://handle.net/hnr_support.html">SUPPORT</a></li> </ul> <div style="clear:both"></div> </td> </tr> </table> <!-- END TABLE FOR NAVIGATION BAR --> <div style="height:1px;background:#891c19"></div> <!-- END HEADER ID SECTION --> <!-- BEGIN CONTENT --> <div id="mainRegistrationContent"> <div id="notifications" class="row"></div> <p class="HeaderDocumentation">Prefix Management</p> <div id="registration"> <form class="form-horizontal forms" id="registrationOrRenewal" action="" method="post"> <fieldset> <legend id="renewalOrNewTitle">Choose one:</legend> <div class="form-group"> <div class="col-lg-9"> <input type="radio" name="renewalOrNew" value="New"/> <span class="radioText">Request a new prefix</span> <input type="radio" name="renewalOrNew" value="Renewal"/> <span class="radioText">Renew an existing prefix(es)</span> </div> </div> </fieldset> </form> <form class="form-horizontal forms" id="numberOfYearsForm" action="" method="post"> <fieldset> <legend id="numberOfYearsTitle">Select the number of years for this prefix <span id="renewOrNewStatus"></span>:<span id="helpText"> (Note payment not required to complete this form.)</span> </legend> <div class="form-group"> <div class="col-lg-9"> <input type="radio" name="numberOfYears" value="1Year"/><span class="radioText">1 year</span> <input type="radio" name="numberOfYears" value="5Years"/><span class="radioText">5 years</span> </div> </div> </fieldset> </form> <br/> <p>Contact the HNR Administrator at <a href="mailto:hdladmin@cnri.reston.va.us">hdladmin@cnri.reston.va.us</a> for assistance.</p> <form class="form-horizontal forms" id="registrationForm" action="" method="post"> <fieldset> <legend id="titleForm">Prefix Registration Form</legend> <span class="required">* </span><span class="semiMutedText"> indicates required field</span> <div class="form-group required"> <label for="numberOfPrefixes" class="col-lg-3 control-label">How many prefixes are you requesting?</label> <div class="col-lg-9"> <select class="form-control" id="numberOfPrefixes" name="numberOfPrefixes" tabindex="3"> </select> </div> </div> <div class="form-group required"> <label for="firstName" class="col-lg-3 control-label">First Name</label> <div class="col-lg-9"> <input class="form-control" id="firstName" name="firstName" size="10" type="text" tabindex="4" value="" minlength="2" required="required" placeholder="Enter administrative contact's first name"/> </div> </div> <div class="form-group required"> <label for="last_name" class="col-lg-3 control-label">Last Name</label> <div class="col-lg-9"> <input class="form-control" id="lastName" name="lastName" size="20" type="text" tabindex="5" value="" minlength="2" required="required" placeholder="Enter administrative contact's last name"/> </div> </div> <div class="form-group required"> <label for="organizationName" class="col-lg-3 control-label">Organization Name</label> <div class="col-lg-9"> <input class="form-control" id="organizationName" name="organizationName" size="20" type="text" tabindex="6" value="" minlength="2" required="required"/> </div> </div> <div class="form-group"> <label for="phoneNumber" class="col-lg-3 control-label">Phone</label> <div class="col-lg-9"> <input class="form-control" id="phoneNumber" name="phoneNumber" type="text" tabindex="7" value=""/> </div> </div> <div class="form-group required"> <label for="emailLabel" class="col-lg-3 control-label">Email Address</label> <div class="col-lg-9"> <input class="form-control" id="email" name="email" type="text" tabindex="8" value="" required="required"/> </div> </div> <div class="form-group required"> <label for="confirmEmailLabel" class="col-lg-3 control-label">Confirm Email Address</label> <div class="col-lg-9"> <input class="form-control" id="confirmEmail" name="confirmEmail" type="text" tabindex="9" value="" required="required"/> </div> </div> <div class="form-group"> <label for="alternateEmail" class="col-lg-3 control-label">Alternate Email Address</label> <div class="col-lg-9"> <input class="form-control" id="alternateEmail" name="alternateEmail" type="text" tabindex="10" value="" placeholder="e.g: technical contact's email"/> </div> </div> <div class="form-group required"> <label for="country" class="col-lg-3 control-label">Country</label> <div class="col-lg-9"> <select class="form-control" id="country" name="country" tabindex="11"> </select> </div> </div> <div class="form-group required"> <label for="address1" class="col-lg-3 control-label">Address 1</label> <div class="col-lg-9"> <input type="text" class="form-control" id="address1" name="address1" tabindex="12" required="required"/> </div> </div> <div class="form-group"> <label for="address2" class="col-lg-3 control-label">Address 2</label> <div class="col-lg-9"> <input type="text" class="form-control" id="address2" name="address2" tabindex="13"/> </div> </div> <div class="locality"> <div class="form-group required"> <label for="city" class="col-lg-3 control-label">City</label> <div class="col-lg-9"> <input type="text" class="form-control" id="city" name="city" tabindex="14" required="required"/> </div> </div> <div class="form-group required"> <label for="state" class="col-lg-3 control-label">State</label> <div class="col-lg-9"> <input type="text" class="form-control" id="state" name="state" tabindex="15"/> </div> </div> <div class="form-group required"> <label for="zip" class="col-lg-3 control-label">Zip</label> <div class="col-lg-9"> <input type="text" class="form-control" id="zip" name="zip" tabindex="16" required="required"/> </div> </div> </div> <div class="form-group"> <label for="additionalComments" class="col-lg-3 control-label">Comments</label> <div class="col-lg-9"> <input class="form-control comments" id="comments" name="comments" type="text" tabindex="17" value="" placeholder="Additional comments to include invoicing requirements such as VAT number, etc."/> </div> </div> <div class="form-group"> <div class="col-lg-9 col-lg-offset-3"><input type="checkbox" id="agree" name="agree"/><span class="radioText">View and accept the terms and conditions stated in the <a target="_blank" href="https://hdl.handle.net/20.1000/102">Handle.Net Registry Service Agreement (HNRSA)</a>. </span> </div> </div> <div class="form-group"> <div class="col-lg-9 col-lg-offset-3"> <div class="cf-turnstile" data-theme="light" data-sitekey="0x4AAAAAAAEYs9ciJtKzJ8ud"></div> </div> </div> <div class="form-group beforeWarning"> <div class="col-lg-9 col-lg-offset-3"> <input id="registerPrefix" name="registerPrefix" type="submit" value="Request"/> <button id="cancelRegisteration" type="reset">Cancel</button> </div> </div> </fieldset> </form> <form class="form-horizontal forms" id="renewalForm" action="" method="post"> <fieldset> <legend id="titleForm">Prefix Renewal Form</legend> <span class="required">* </span><span class="semiMutedText"> indicates required field</span> <div class="form-group required"> <label for="prefixes" class="col-lg-3 control-label">Your prefix (or prefixes). Separate multiple prefixes with commas.</label> <div class="col-lg-9"> <input class="form-control" id="prefixes" maxlength="100" name="prefixes" size="20" type="text" tabindex="3" value="" minlength="2" required="required"/> </div> </div> <div class="form-group"> <label for="hnrt" class="col-lg-3 control-label">If known, enter the invoice number (HSSA or HNRT) issued previously for registering or renewing any of the prefixes listed above.</label> <div class="col-lg-9"> <input class="form-control" id="hnrt" name="hnrt" size="20" type="text" tabindex="4" value=""/> </div> </div> <div class="form-group required"> <label for="renewal_firstName" class="col-lg-3 control-label">First Name</label> <div class="col-lg-9"> <input class="form-control" id="renewal_firstName" name="renewal_firstName" size="20" type="text" tabindex="5" value="" minlength="2" required="required" placeholder="Enter administrative contact's first name"/> </div> </div> <div class="form-group required"> <label for="renewal_lastName" class="col-lg-3 control-label">Last Name</label> <div class="col-lg-9"> <input class="form-control" id="renewal_lastName" name="renewal_lastName" size="20" type="text" tabindex="6" value="" minlength="2" required="required" placeholder="Enter administrative contact's last name"/> </div> </div> <div class="form-group required"> <label for="renewal_organizationName" class="col-lg-3 control-label">Organization Name</label> <div class="col-lg-9"> <input class="form-control" id="renewal_organizationName" name="renewal_organizationName" size="20" type="text" tabindex="7" value="" minlength="2" required="required"/> </div> </div> <div class="form-group required"> <label for="renewal_emailLabel" class="col-lg-3 control-label">Email Address</label> <div class="col-lg-9"> <input class="form-control" id="renewal_email" name="renewal_email" type="text" tabindex="7" value="" required="required"/> </div> </div> <div class="form-group required"> <label for="confirmEmailLabel" class="col-lg-3 control-label">Confirm Email Address</label> <div class="col-lg-9"> <input class="form-control" id="confirmRenewalEmail" name="confirmRenewalEmail" type="text" tabindex="8" value="" required="required"/> </div> </div> <div class="form-group"> <label for="renewal_alternateEmail" class="col-lg-3 control-label">Alternate Email Address</label> <div class="col-lg-9"> <input class="form-control" id="renewal_alternateEmail" name="renewal_alternateEmail" type="text" tabindex="9" value="" placeholder="e.g: technical contact's email"/> </div> </div> <div class="form-group"> <label for="renewal_phoneNumber" class="col-lg-3 control-label">Phone</label> <div class="col-lg-9"> <input class="form-control" id="renewal_phoneNumber" maxlength="14" name="renewal_phoneNumber" type="text" tabindex="10" value=""/> </div> </div> <div class="form-group required"> <label for="renewal_country" class="col-lg-3 control-label">Country</label> <div class="col-lg-9"> <select class="form-control" id="renewal_country" name="renewal_country" tabindex="11"> </select> </div> </div> <div class="form-group required"> <label for="renewal_address1" class="col-lg-3 control-label">Address 1</label> <div class="col-lg-9"> <input type="text" class="form-control" id="renewal_address1" name="renewal_address1" tabindex="12"/> </div> </div> <div class="form-group"> <label for="renewal_address2" class="col-lg-3 control-label">Address 2</label> <div class="col-lg-9"> <input type="text" class="form-control" id="renewal_address2" name="renewal_address2" tabindex="13"/> </div> </div> <div class="locality"> <div class="form-group required"> <label for="renewal_city" class="col-lg-3 control-label">City</label> <div class="col-lg-9"> <input type="text" class="form-control" id="renewal_city" name="renewal_city" tabindex="14"/> </div> </div> <div class="form-group required"> <label for="renewal_state" class="col-lg-3 control-label">State</label> <div class="col-lg-9"> <input type="text" class="form-control" id="renewal_state" name="renewal_state" tabindex="15"/> </div> </div> <div class="form-group required"> <label for="renewal_zip" class="col-lg-3 control-label">Zip</label> <div class="col-lg-9"> <input type="text" class="form-control" id="renewal_zip" name="renewal_zip" tabindex="16"/> </div> </div> </div> <div class="form-group"> <label for="renewal_additionalComments" class="col-lg-3 control-label">Comments</label> <div class="col-lg-9"> <input class="form-control comments" id="renewal_comments" name="renewal_comments" type="text" tabindex="17" value="" placeholder="Additional comments to include invoicing requirements such as VAT number, etc."/> </div> </div> <div class="form-group"> <div class="col-lg-9 col-lg-offset-3"> <input type="checkbox" id="renewalAgree" name="renewalAgree"/> <span class="radioText"> You must view and accept the terms and conditions stated in the <a target="_blank" href="https://hdl.handle.net/20.1000/102">Handle.Net Registry Service Agreement (HNRSA).</a> </span> </div> </div> <div class="form-group"> <div class="col-lg-9 col-lg-offset-3"> <div class="cf-turnstile" data-theme="light" data-sitekey="0x4AAAAAAAEYs9ciJtKzJ8ud"></div> </div> </div> <div class="form-group beforeWarning"> <div class="col-lg-9 col-lg-offset-3"> <input id="renewalPrefix" name="renewalPrefix" type="submit" value="Request"/> <button id="cancelRenewal">Cancel</button> </div> </div> </fieldset> </form> </div> <div id="licenseDialog" title="Service Agreement Terms and Conditions"> <div id="termsAndConditionsDialog"></div> </div> </div> <div id="RegistrationSuccess" hidden="hidden"> <p class="HeaderDocumentation">Thank You!</p> <p>Your prefix request has been received. A confirmation email will be sent shortly to the primary email address you provided. <b>You MUST click the confirmation link in the email in order for the HNR Administrator to take any action.</b> </p> <p>Please check your spam if you have not received the message within an hour of making your request.</p> <p>Contact the HNR Administrator at <a href="mailto:hdladmin@cnri.reston.va.us">hdladmin@cnri.reston.va.us</a> for assistance.</p> </div> <div id="RenewalSuccess" hidden="hidden"> <p class="HeaderDocumentation">Thank You!</p> <p>Your prefix renewal request has been received. A confirmation email will be sent shortly to the primary email address you provided. <b>You MUST click the confirmation link in the email in order for the HNR Administrator to take any action.</b> </p> <p>Please check your spam if you have not received the message within an hour of making your request.</p> <p>Contact the HNR Administrator at <a href="mailto:hdladmin@cnri.reston.va.us">hdladmin@cnri.reston.va.us</a> for assistance.</p> </div> <div id="SomethingWentWrong" hidden="hidden"> <p class="HeaderDocumentation">There was an error</p> <p>There was an error submitting your request. Please refresh the page and try again</p> <p>If you continue to encounter errors, please contact the HNR Administrator at <a href="mailto:hdladmin@cnri.reston.va.us">hdladmin@cnri.reston.va.us</a> for assistance.</p> </div> <div class="white"> </div> <div style="height:1px;background:#b7b7b7"></div> <div align="center"><p class="bottom">September 2024</p></div> <!-- END CONTENT TABLE --> <div style="height:1px;background:#ffffff"></div> <script type="text/javascript"> /** * Makes jQuery.validate compatible with Bootstrap. * @see http://stackoverflow.com/a/18754780 */ (function ($) { $.validator.setDefaults({ highlight: function (element) { $(element).closest('.form-group').addClass('has-error'); }, unhighlight: function (element) { $(element).closest('.form-group').removeClass('has-error'); }, errorElement: 'span', errorClass: 'help-inline', errorPlacement: function (error, element) { if (element.parent('.input-group').length) { error.insertBefore(element.parent().parent()); } else { error.insertBefore(element.parent()); } } }); })(jQuery); $(document).ready(function () { window.APP = new RegistrationApp(); }); </script> </body> </html>