JSFiddle - React, Tailwind, and code Playground

by inDiscover

HTML

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/themes/smoothness/jquery-ui.css">
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/jquery-ui.min.js"></script>
<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.9/jquery.validate.js"></script>
<div id="popup" style="display:none">
    <form action="" name="pop_up_form" id="pop_up_form" method="post"><input class="pop_up_textbox" type="text" name="acct_nmbr" id="acct_nmbr" required maxlength="19" value=""/>
        <a href="" id="link_id">link</a>
    </form>
</div>

JavaScript

$(function(){
//$('#pop_up_form').validate();    
$("#popup").dialog({ 
	  			autoOpen: true,
				title : "View/Edit Screen",				
				dialogClass : "pop-content pop-header-colr pop-button pop-float",
				width:400,
				height:450,
				modal: true,
				resizable: false,
				show: 'clip',
				buttons:{
					'SUBMIT':function(){
					/*if($('#pop_up_form').valid())
                    {
                        alert("successfull");
                    }*/
					}	
				}
				
			});
    
        $(document).on("click", "#link_id", function (event) {
//        alert("clicked");
            event.preventDefault();
            window.open("E:/DOCUMENTS/test.txt");
    });

});