将jQuery UI的对话框模式窗体数据到mysql窗体、对话框、模式、数据

2023-09-10 19:55:35 作者:数学特么太傲娇

我使用jQuery用户界面对话框的新用户在我的网站注​​册。对话框工作正常。然而,当我提交表单的AJAX调用没有做任何事情。我在网上搜索了一段时间,但我不能找到一个可行的解决方案。这是我的code的时刻:

 变种的用户名= $(#用户名)VAL()。
。VAR密码= $(#密码)VAL();
。VAR checkpassword = $(#checkpassword)VAL();
变种的电子邮件= $(#邮件)VAL()。
。VAR user_level = $(#user_level)VAL();
VAR DATE_CREATED = $(#DATE_CREATED)VAL()。

$(#对话形式).dialog({
    的AutoOpen:假的,
    高度:500,
    宽度:600,
    模式:真正的,
    按钮:{
        Registreren:函数(){
            VAR bValid = TRUE;
            allFields.removeClass(UI状态错误);

                bValid = bValid和放大器;&安培; checkLength(用户名,用户名,3,16);
                bValid = bValid和放大器;&安培; checkLength(电子邮件,电子邮件,6,80);
                bValid = bValid和放大器;&安培; checkLength(密码,密码,4,16);
                bValid = bValid和放大器;&安培; checkLength(checkpasswordcheckpassword,4,16);
                bValid = bValid和放大器;&安培; checkLength(user_leveluser_level,0,2);
                bValid = bValid和放大器;&安培; checkRegexp(用户名,/ ^ [AZ]([0-9A-Z _])+ $ /我,错误);
                bValid = bValid和放大器;&安培; checkRegexp(电子邮件,错误);
                bValid = bValid和放大器;&安培; checkRegexp(密码,/ ^([0-9A-ZA-Z])+ $ /,错误);
                bValid = bValid和放大器;&安培; checkRegexp(checkpassword,/ ^([0-9A-ZA-Z])+ $ /,错误);

            如果(bValid){
                $。员额({
                网址:register.php,
                数据:
                        {
                            用户名:用​​户名,
                            密码:密码,
                            checkpassword:checkpassword,
                            电子邮件:电子邮件,
                            user_level:user_level,
                            DATE_CREATED:DATE_CREATED
                        } //端到端数据
                })//端AJAX职位
           }如果// END
        } //结束功能
    } //结束按钮
}); //结束对话
 

我的形式只是一个简单的HTML表单输入指定ID的

例输入用户名:

 <表格名称=registeraccID =registeracc行动=register.php方法=邮报>
<要求输入型=文本ID =用户名NAME =用户名级=文本的UI控件内容UI-角落都/>
< /形式GT;
 

我已经发现了几个补丁在网络上这个问题,但他们不似乎为我工作。

例如:

 数据:$('#registeracc:输入')序列化()
错误:功能(XML,状态,错误){
$('#registeracc)HTML('< P> ???< / P>');
 
jQuery UI界面预览 jQuery UI界面图片

解决方案

发现了解决我的问题的答案:

  $。员额({
网址:register.php,
数据:
{
   用户名:用​​户名,
   密码:密码,
   checkpassword:checkpassword,
   电子邮件:电子邮件,
   user_level:user_level,
   DATE_CREATED:DATE_CREATED
}
 

应该是:

  $岗位(register.php,$(#registeracc)序列化());
 

I'm using the jQuery UI Dialog for the registration of new users on my website. The dialog works fine. However, when I submit the form the AJAX call isn't doing anything. I've searched the web for a while but I can't find a working solution. This is my code at the moment:

var username=$("#username").val();
var password=$("#password").val();
var checkpassword=$("#checkpassword").val();
var email=$("#email").val();
var user_level=$("#user_level").val();
var date_created=$("#date_created").val();

$( "#dialog-form" ).dialog({
    autoOpen: false,
    height: 500,
    width: 600,
    modal: true,
    buttons: {
        "Registreren": function() {
            var bValid = true;
            allFields.removeClass( "ui-state-error" );

                bValid = bValid && checkLength( username, "username", 3, 16 );
                bValid = bValid && checkLength( email, "email", 6, 80 );
                bValid = bValid && checkLength( password, "password", 4, 16 );
                bValid = bValid && checkLength( checkpassword, "checkpassword", 4, 16 );
                bValid = bValid && checkLength( user_level, "user_level", 0, 2 );
                bValid = bValid && checkRegexp( username, /^[a-z]([0-9a-z_])+$/i, "error" );
                bValid = bValid && checkRegexp( email, "error");
                bValid = bValid && checkRegexp( password, /^([0-9a-zA-Z])+$/, "error" );
                bValid = bValid && checkRegexp( checkpassword, /^([0-9a-zA-Z])+$/, "error" );

            if ( bValid ) {
                $.post({
                url: 'register.php',
                data: 
                        {  
                            username: username,
                            password: password,
                            checkpassword: checkpassword,
                            email: email,
                            user_level: user_level,
                            date_created: date_created
                        }//end data
                })//end AJAX post
           }//End if
        }//End function
    }//end buttons
});//end dialog

My form is just a simple HTML input form with the specified ID's

Ex input username:

<form name="registeracc" id="registeracc" action="register.php" method="post">
<input required type="text" id="username" name="username" class="text ui-widget-content ui-corner-all" />
</form>     

I've found several "fixes" for this problem on the web, but they dont seem to work for me.

Ex:

data: $('#registeracc :input').serialize(),
error: function(xml, status, error) {
$('#registeracc').html('<p>???</p>');

解决方案

Found the answer which solved my problem:

$.post({
url: 'register.php',
data: 
{  
   username: username,
   password: password,
   checkpassword: checkpassword,
   email: email,
   user_level: user_level,
   date_created: date_created
}

Should be:

$.post("register.php", $("#registeracc").serialize());