0

Estou tentando montar um formulário de registro via javascript onde ele abre um form via dialog.

<div id="toolbar">
        <a href="javascript:void(0)" class="linkbutton" iconCls="icon-add" plain="true" onclick="newUser()">Novo Usu&aacute;rio</a>
        <a href="javascript:void(0)" class="linkbutton" iconCls="icon-edit" plain="true" onclick="editUser()">Editar Usu&aacute;rio</a>
        <a href="javascript:void(0)" class="linkbutton" iconCls="icon-remove" plain="true" onclick="destroyUser()">Excluir Usu&aacute;rio</a>
    </div>

    <div id="dlg" class="dialog" style="width:400px;height:280px;padding:10px 20px"
            closed="true" buttons="#dlg-buttons">
        <div class="ftitle">Usu&aacute;rio</div>
        <form id="fm" method="POST">
            <div class="fitem">
                <label>Nome:</label>
                <input name="Name" class="textbox" required="true">
            </div>
            <div class="fitem">
                <label>Usu&aacute;rio:</label>
                <input name="User" class="textbox" required="true">
            </div>
            <div class="fitem">
                <label>Email:</label>
                <input name="Email" class="textbox" validType="email">
            </div>
            <div class="fitem">
                <label>Telefone:</label>
                <input name="Phone" class="textbox">
            </div>
            <div class="fitem">
                <label>Depart:</label>
                <select name="Department">
                <?php
                    echo SelectDepartment ();
                ?>
                </select>                
            </div>            
            <div class="fitem">
                <label>Level:</label>
                <select name="Level">
                    <option value="Admin">Admin</option>
                    <option value="Usuario">Usuario</option>                                                        
                </select>           
            </div>
            <div class="fitem">
                <label>Senha:</label>
                <input name="Password" type="password" class="textbox">
            </div>
            <input type="checkbox" name="active" value="1" required /><label>Ativo</label><br>
        </form>
    </div>
    <div id="dlg-buttons">          
        <a href="javascript:void(0)" class="linkbutton c6" iconCls="icon-ok" onclick="saveUser()" style="width:90px">Salvar</a>
        <a href="javascript:void(0)" class="linkbutton" iconCls="icon-cancel" onclick="javascript:$('#dlg').dialog('close')" style="width:90px">Cancelar</a>
    </div>

Monta o form.

var url;        
        function newUser(){
            $('#dlg').dialog('open').dialog('center').dialog('setTitle','Novo');
            $('#fm').form('clear');
            url = 'connect/register.php';            
        }

Monta o Action="connect/register.php" ao clicar em salvar.

function saveUser(){
            $('#fm').form('submit',{
                url: url,
                onSubmit: function(){
                    return $(this).form('validate');
                },
                success: function(result){
                    var result = eval('('+result+')');
                    if (result.errorMsg){
                        $.messager.show({
                            title: 'Error',
                            msg: result.errorMsg
                        });
                    } else {
                        $('#dlg').dialog('close');        // fecha dialog
                        $('#dg').datagrid('reload');    // recarrega dados
                    }
                }
            });
        }

Mas não consigo nem que ele envie as informações para meu register.php

Ele está mostrando outro erro agora no console

 var _528 = 10;
            function cb() {
                var f = $("#" + _521);
                if (!f.length) {
                    return;
                }
                f.unbind();
                var data = "";
                try {
                    var body = f.contents().find("body");
                    data = body.html();
                    if (data == "") {
                        if (--_528) {
                            setTimeout(cb, 100);
                            return;
                        }
                    }
                    var ta = body.find(">textarea");
                    if (ta.length) {
                        data = ta.val();
                    } else {
                        var pre = body.find(">pre");
                        if (pre.length) {
                            data = pre.html();
                        }
                    }
                } catch (e) {
                }
                opts.success(data);
                setTimeout(function() {
                    f.unbind();
                    f.remove();
                }, 100);
            }
            ;
        }
        ;

Ele está parando em: opts.success(data);

Ainda estou o código que eu coloquei.

2
  • Há algum erro no console (F12)?
    – Inkeliz
    Commented 12/01/2016 às 13:16
  • Fiz um exemplo no fiddler para vc, nao esta perfeito mas esta enviando os dados para seu php e abrindo o dialog, veja se ajuda
    – RBoschini
    Commented 12/01/2016 às 13:22

1 Resposta 1

2

Existem alguns erros no seu codigo. Veja no jsFiddler o exemplo que fiz para você ver.

Modifiquei um pouco o codigo, adicionei um document.ready para definir o dialog e bindar o click do a que salva e envia os dados para seu php.

var url = 'connect/register.php';   

function newUser(){
 $('#dlg').dialog('open').dialog('center').dialog('setTitle','Novo');
  $('#fm').form('clear');         
}


$(document).ready(function(){
    $('#dlg').dialog();
    $('.c6').bind('click',function(){
    saveUser();
  });

});

function saveUser(){
  $.ajax({
    url: url,
    beforeSend: function( xhr ) {
      xhr.overrideMimeType( "text/plain; charset=x-user-defined" );
    }
  })
  .done(function( data ) {
      var result = eval('('+data+')');
      if (result.errorMsg){
        $.messager.show({
          title: 'Error',
          msg: result.errorMsg
        });
      } else {
        $('#dlg').dialog('close');        // fecha dialog
        $('#dg').datagrid('reload');    // recarrega dados
      }
  });

}

Veja se ajuda.

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .