jquery pop up validation

 <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
    <script type="text/javascript" src="http://ajax.microsoft.com/ajax/jQuery.Validate/1.6/jQuery.Validate.min.js"></script>
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.js"></script>
    <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/themes/base/jquery-ui.css" type="text/css" rel="Stylesheet" />
<script type="text/javascript" language="javascript">
    $(document).ready(function () {
        $("#player").detach().appendTo("body").click(function () {
            $('#form1').dialog('open');
            return false;
        });
        $('#form1').dialog({
            autoOpen: false,
            modal: true,
            title: "RFMD Video",
            width: 500,
            resizable: false,
            buttons: {
                "Validate": function () {
                    $("#form1").submit();
                }
            }
        });

        // $("#").validate();

        $("#form1").validate({
            rules: {
                field: {
                    required: true, email: true
                }
            }
        });
    });
    </script>




 <a href="#" id="player">Click to play</a>
    <div id="videoPlayerDiv">
   <input class="left" id="field" name="field" />
    <br/>
  <input type="submit" value="Validate!" />
    </div>