<title>Registration form</title> <script src="https://code.jquery.com/jquery-3.6.1.min.js" integrity="sha256-o88AwQnZB+VDvE9tvIXrMQaPlFFSUTR+nldQm1LuPXQ=" crossorigin="anonymous"></script> <script src="https://cdn.jsdelivr.net/npm/sweetalert2@10"></script>

    <h1>Contract us</h1>
    <form>
        
        <div class="Send1">
            <input type="text" id="Uppername" class="field1" placeholder="Your Name" onblur="Upper()" style="caret-shape:underscore;caret-color: blue;">
            <input type="submit" value="Send">
        </div>
        <div class="Send2">
            <input type="password" class="field1" placeholder="Your password">
            <input type="submit" value="Send">
        </div>
        <p id="I"><span><input type="checkbox"></span>I agree the terms of services</p>
        <button type="button" id="signup_bn" onclick="getDate()">Sign up</button>
        <br><br>
        <hr style="border:  solid red;">
        <p class="OR">Or</p>
        <br>
        <button type="buton" id="signup_bn1">Login with twitter</button>
        <p>Do you have an accounts? <a href="#">Sign in</a></p>
        
     
    
</div>

  <style>
    p::selection{
        color: aqua;
        background: orangered;
    }
    #I{
        user-select: none;
    }
  </style>      
  <script>
    // $(document).ready(function(){
    //     $('#signup_bn').click(function(){
    //         $('#I').append('Cho');
    //     })
    // })
   
    // function getDate(){
    //     alert(new Date($.now()));
    // }

        $('signup_bn').click(function(){

            $('#signup_bn1').attr("disabled", true);
        });
 


    $(document).ready(function(){
        $('#signup_bn1').click(function(){
            if($("input[type=checkbox]").filter(":checked").length < 1){
                alert("Please enter");
            }
        })
    })
    $(document).ready(function(){
        $(document).bind("contextmenu",function(event){
            alert("Right click is disabled");
            return false;
        });
    })

function Upper(){ var x = document.getElementById("#Uppername"); x.value = x.value.toUpperCase(); }

  </script>