O foco gerencia o foco do elemento em formulários. Por padrão, o primeiro elemento de entrada visível e habilitado (por exemplo, texto, textarea, selecionar) é escolhido para receber o foco automaticamente. Também é possível declarar explicitamente o componente para receber o foco por meio do atributo for. O foco também está ciente de validações com falha, o primeiro componente de entrada inválido recebe um foco automaticamente.
$render=explode(" ", $_POST["partial_render"]);
$alerta="<ul>";
if($_POST["email"]!="" AND $_POST["username"]!=""){
$tipo="info";
$usuarioErro="";
$usuario="";
$email="";
$aus="";
$aes="";
$alertaUsuario="";
$alertaEmail="";
$alerta.="<li role="alert" aria-atomic="true"><span class="ui-messages-info-summary">Sucesso!</span></li></ul>";
}
if($_POST["email"]==""){
$tipo="error";
$emailErro="ui-state-error";
$usuario=$_POST["username"];
$alerta.="<li role="alert" aria-atomic="true"><span class="ui-messages-error-summary">Email: O valor é obrigatório.</span></li>";
$aes="ui-message-error ui-widget ui-corner-all";
$alertaEmail="<div><span class="ui-message-error-icon"></span><span class="ui-message-error-detail" id="email_error-detail">E-mail: O valor é obrigatório!</span></div>";
}
if($_POST["username"]==""){
$tipo="error";
$email=$_POST["email"];
$usuarioErro="ui-state-error";
$alerta.="<li role="alert" aria-atomic="true"><span class="ui-messages-error-summary">Usuário: O valor é obrigatório.</span></li>";
$aus="ui-message-error ui-widget ui-corner-all";
$alertaUsuario="<div><span class="ui-message-error-icon"></span><span class="ui-message-error-detail" id="usuario_error-detail">Usuário: O valor é obrigatório!</span></div>";
}
$alerta.="</ul>";
if($_POST["username"]!="" AND $_POST["email"]=="" ){
$focus="email";
}else{$focus="panel";}
$resposta="
<form id="formulario" name="formulario" method="post" action="/sistema/ui/misc/focus_exe.php" enctype="application/x-www-form-urlencoded">
<script type="text/javascript">
$(function () {
DinarteCoelho.focus(\"".$focus."\");
});
</script>
<div id="msg" class="ui-messages ui-widget" aria-live="polite" data-global="false" data-summary="data-summary" data-severity="all,error" data-redisplay="true">
<div class="ui-messages-".$tipo." ui-corner-all"><span class="ui-messages-".$tipo."-icon"></span>".$alerta."</div>
</div>
<script id="msg_s" type="text/javascript">
DinarteCoelho.cw("Messages", "widget_msg", {
id: "msg"
});
</script>
<table id="panel" cellpadding="7">
<tbody>
<tr>
<td><label class="ui-outputlabel ui-widget" for="username">Nome de Usuário<span class="ui-outputlabel-rfi">*</span></label></td>
<td><input id="username" name="username" type="text" class="ui-inputfield ui-inputtext ui-widget ui-state-default ui-corner-all ".$usuarioErro."" aria-required="true" value="".$usuario."" data-p-label="Usuário" data-p-required="true" data-p-minlength="2" data-p-val="Length" />
<script id="username_s" type="text/javascript">
DinarteCoelho.cw("InputText", "widget_username", {
id: "username"
});
</script>
</td>
<td>
<div id="alerta:usuario" role="alert" aria-atomic="true" aria-live="polite" data-display="both" data-target="username" data-redisplay="true" class="ui-message ".$aus."">".$alertaUsuario."</div>
<script id="alerta_usuario_s" type="text/javascript">
DinarteCoelho.cw("Message", "widget_alerta_usuario", {
id: "alerta:usuario"
, target: "username"
});
</script>
</td>
</tr>
<tr>
<td><label class="ui-outputlabel ui-widget" for="email">Email<span class="ui-outputlabel-rfi">*</span></label></td>
<td><input id="email" name="email" type="text" class="ui-inputfield ui-inputtext ui-widget ui-state-default ui-corner-all ".$emailErro."" aria-required="true" value="".$email."" data-p-label="Email" data-p-required="true" />
<script id="email_s" type="text/javascript">
DinarteCoelho.cw("InputText", "widget_email", {
id: "email"
});
</script>
</td>
<td>
<div id="alerta:email" role="alert" aria-atomic="true" aria-live="polite" data-display="both" data-target="email" data-redisplay="true" class="ui-message ".$aes."">".$alertaEmail."</div>
<script id="alerta_email_s" type="text/javascript">
DinarteCoelho.cw("Message", "widget_aleta_email", {
id: "alerta:email"
, target: "email"
});
</script>
</td>
</tr>
</tbody>
</table>
<button id="submitButton" name="submitButton" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only p-mt-3" onclick="DinarteCoelho.ab({s:"submitButton",f:"formulario",u:"formulario"});return false;" type="submit"><span class="ui-button-text ui-c">Salvar</span></button>
<script id="submitButton_s" type="text/javascript">
DinarteCoelho.cw("CommandButton", "widget_submitButton", {
id: "submitButton"
});
</script>
</form>
";
$(function () {
DinarteCoelho.focus(null, 'painel');
});
dc.cw("Messages", "widget_msg", {
id: "msg"
});
dc.cw("InputText", "widget_username", {
id: "username"
});
dc.cw("Message", "widget_alerta_username", {
id: "alerta:usuario"
, target: "username"
});
dc.cw("InputText", "widget_email", {
id: "email"
});
dc.cw("Message", "widget_alerta_email", {
id: "alerta:email"
, target: "email"
});
dc.cw("CommandButton", "widget_submitButton", {
id: "submitButton"
});