Abrir popup no Evento onclick de um button e continuar validando o Form.

[Abrir popup no Evento onclick de um button e continuar validando o Form.]

Bom dia galera,

Estou com uma situação que preciso resolver aqui na empresa. Tenho que abrir um popup a partir de botão, isso é facil, mas o botão faz parte de um formulário que precisa ser validado no momento do click do botão, ou seja, quando o usuário clicar no botão deve aparecer um POPup e validar o formulário de usuário e senha juntos.

 

Segue o Codigo.

 

-- criação da função do POPup

 

    <script language="javascript">
                    
            function abrirPopup(url,w,h) {
            var newW = w + 100;
            var newH = h + 100;
            var left = (screen.width-newW)/2;
            var top = (screen.height-newH)/2;
            var newwindow = window.open(url, 'name', 'width='+newW+',height='+newH+',left='+left+',top='+top);
            newwindow.resizeTo(newW, newH);
             
            //posiciona o popup no centro da tela
            newwindow.moveTo(left, top);
            newwindow.focus();
            return false;
            }
    </script>

 

 <form name="formCliente" id="formCliente" action="http://www.google.com.br" method="post" class="clearfix" >
                    <input type="email" name="email" placeholder="E-mail:" value="" required="true"/>
                    <input type="password" name="senha" placeholder="Senha:" value="" required="true"/>
                   <button type="submit" class="bt-ok" onclick="return abrirPopup('popup2.html', 500, 270)">OK</button>
                    <div class="clear"></div>
                    <!--<div class="esqueci-minha-senha link-com-seta"><span></span><a href="/" title="Esqueci minha senha">esqueci minha senha</a></div>-->
                </form>

 

 

Por favor, preciso de ajuda urgente.