Limpar um inputText

boa noite…

tenho o seguinte código em java script para limpar um inputText depois do usuário clicar no botão Salvar:

<script type="text/javascript">
function limpar() {
            document.getElementById('den_cidade').value = "";
}
</script>        

aqui é o meu botão em primeface:

<p:commandButton value="Salvar" 
                                         id="salva" 
                                         actionListener="#{cidadeController.adicionar(actionEvent)}" 
                                         update="cidade" 
                                         style="height:30px; font-size: 13px"                          
                                         onclick="limpar()">
                        </p:commandButton>

está acontecendo é o seguinte… ao clicar no meu Button ao invés de salvar, está limpando o meu inputText primeiro
e como eu fiz uma validção para não deixar inserir campo vazio, não insere no banco.
percebam que no meu button o actionListener vem antes do comando onclick(que limpa o formulário), em java
ele vai executando na sequência, mas pelo que eu percebi em java web não funciona assim, primeiro ele limpa
o meu inputText pra depois tentar inserir…

como faço pra primeiramente salvar no banco e depois limpar os campos que desejo?

desde já agradeço a ajuda de todos.

on complete

o cara legal… muito obrigado… deu certo… mais uma coisinha…

tenho um selectOneMenu estado:

<p:selectOneMenu id="estado" 
                                         value="#{cidadeController.cidade.estado}" 
                                         style="height:25px; font-size: 13px; width: 80px" 
                                         onkeyup="this.value = this.value.toUpperCase();">
                            <f:selectItem itemLabel="PR" itemValue="PR" />
                            <f:selectItem itemLabel="AL" itemValue="AL" />
                            <f:selectItem itemLabel="AP" itemValue="AP" />
                            <f:selectItem itemLabel="AM" itemValue="AM" />
                            <f:selectItem itemLabel="BA" itemValue="BA" />
                            <f:selectItem itemLabel="CE" itemValue="CE" />
                            <f:selectItem itemLabel="DF" itemValue="DF" />
                            <f:selectItem itemLabel="ES" itemValue="ES" />
                            <f:selectItem itemLabel="GO" itemValue="GO" />
                            <f:selectItem itemLabel="MA" itemValue="MA" />
                            <f:selectItem itemLabel="MT" itemValue="MT" />
                            <f:selectItem itemLabel="MS" itemValue="MS" />
                            <f:selectItem itemLabel="MG" itemValue="MG" />
                            <f:selectItem itemLabel="AC" itemValue="AC" />
                            <f:selectItem itemLabel="PB" itemValue="PB" />
                            <f:selectItem itemLabel="PA" itemValue="PA" />
                            <f:selectItem itemLabel="PE" itemValue="PE" />
                            <f:selectItem itemLabel="PI" itemValue="PI" />
                            <f:selectItem itemLabel="RJ" itemValue="RJ" />
                            <f:selectItem itemLabel="RN" itemValue="RN" />
                            <f:selectItem itemLabel="RS" itemValue="RS" />
                            <f:selectItem itemLabel="RO" itemValue="RO" />
                            <f:selectItem itemLabel="RR" itemValue="RR" />
                            <f:selectItem itemLabel="SC" itemValue="SC" />
                            <f:selectItem itemLabel="SE" itemValue="SE" />
                            <f:selectItem itemLabel="SP" itemValue="SP" />
                            <f:selectItem itemLabel="TO" itemValue="TO" />                                
                        </p:selectOneMenu>

no meu código java script

<script type="text/javascript">
function limpar() {
                document.getElementById('den_cidade').value = "";
            }
 </script> 

como faço pra pro exemplo, o meu primeiro estado no p:selectOneMenu é o PR, se o usuário salvar uma cidade de SP, ele
selecionará o estado de SP e após clicar no botão salvar voltar para o primeiro indíce do meu p:selectOneMenu??

como faço isso em javascript?

tentei isso:

<script type="text/javascript">  
function limpar() {  
                document.getElementById('meucampo').reset();  
            }  
</script>

mas sem sucesso também…

alguém??