Html 没有调用Jquery

首先，这是我的代码

好的，我的问题是，当尝试使用注册表时，它不会调用代码

我已经检查了好几次，似乎没有发现问题，我在同一页上使用登录脚本，这似乎很好

login.js

$(function() {

    // Expand
    $("#open").click(function(){
        $("div#panel").slideDown("slow");

    }); 

    // Collapse
    $("#close").click(function(){
        $("div#panel").slideUp("slow"); 
    });     

    // Change Text
    $("#toggle a").click(function () {
        $("#toggle a").toggle();
    });     

// Login proccess Start
  $('.error').hide();
   $(".bt_login").click(function() {
      // validate input
      $('.error').hide();
      var username = $("input#username").val();
        if (username == "") {
        $("label#username_error").show();
        $("input#username").focus();
        return false;
      }

        var password = $("input#password").val();
        if (password == "") {
        $("label#password_error").show();
        $("input#password").focus();
        return false;
      }
      var rememberMe = $("input#rememberMe").val();

// correct data sent
  var dataString = 'username='+ username + '&password=' + password + '&submit=Login' + '&rememberMe=' + rememberMe;
  alert (dataString);return false;
  $.ajax({
    type: "POST",
    url: "../../inc/files/login.php",
    data: dataString,
    success: function() {

  return false;
    },
    error: function(XMLHttpRequest, textStatus, errorThrown) {
      $('#login_form').html("<div id='message'></div>");
      $('#message').html("<h2>!</h2>")
      .append("<p>Error Details; <br /> Status: ", textStatus, " <br /> Error thrown: ", errorThrown,"</p>")
      .hide()
      .fadeIn(1500, function() { 
      $('#message').append("<img id='cross' src='images/cross.png' />"); 
      }); 
  return false;;
}
  });
    });

// End login proccess

//Registration Process start

  $("bt_register").click(function() {
      // validate inpu
      $('.error').hide();
      var username2 = $("input#username2").val();
        if (username2 == "") {
        $("label#username2_error").show();
        $("input#username2").focus();
        return false;
      }
//      var re = new RegExp("/[^a-z0-9\-\_\.]+/i");
//      if(re.test(username2) = true) {
//      $("label#username2_error2").show();
//        $("input#username2").focus();
//        return false;
//    }
        var password2 = $("input#password2").val();
        if (password2 == "") {
        $("label#password2_error").show();
        $("input#password2").focus();
        return false;
      }
      var email = $("input#email").val();
        if (password == "") {
        $("label#email_error").show();
        $("input#email").focus();
        return false;
      }

// correct data sent
  var dataString = 'username='+ username2 + '&password=' + password2 + '&submit=Register' + '&email=' + email;
  alert (dataString);return false;
  $.ajax({
    type: "POST",
    url: "../../inc/files/login.php",
    data: dataString,
    success: function() {

  return false;
    },
    error: function(XMLHttpRequest, textStatus, errorThrown) {
      $('#reg_form').html("<div id='message'></div>");
      $('#message').html("<h2>!</h2>")
      .append("<p>Error Details; <br /> Status: ", textStatus, " <br /> Error thrown: ", errorThrown,"</p>")
      .hide()
      .fadeIn(1500, function() { 
      $('#message').append("<img id='cross' src='images/cross.png' />"); 
      }); 
return false;
   }

});


  });
});

$（函数（）{
//扩展
$（“#打开”）。单击（函数（）{
$（“分区面板”）。向下滑动（“慢速”）；
}); 
//崩溃
$（“#关闭”）。单击（函数（）{
美元（“div#panel”）。slideUp（“slow”）；
});     
//更改文本
$（“#切换a”）。单击（函数（）{
$（“#切换a”）.toggle（）；
});     
//登录过程开始
$（'.error'）.hide（）；
$（“.bt_登录”）。单击（函数（）{
//验证输入
$（'.error'）.hide（）；
var username=$（“输入#用户名”）.val（）；
如果（用户名==“”）{
$（“label#username_error”）.show（）；
$（“输入#用户名”）.focus（）；
返回false；
}
var password=$（“输入密码”）.val（）；
如果（密码==“”）{
$（“label#password_error”）.show（）；
$（“输入密码”）.focus（）；
返回false；
}
var rememberMe=$（“输入#rememberMe”）.val（）；
//发送正确的数据
var dataString='username='+username+'和password='+password+'&submit=Login'+'&rememberMe='+rememberMe；
警报（数据字符串）；返回false；
$.ajax({
类型：“POST”，
url:“../inc/files/login.php”，
数据：dataString，
成功：函数（）{
返回false；
},
错误：函数（XMLHttpRequest、textStatus、errorshown）{
$（'login#u form'）.html（“”）；
$（'#message'）.html（“！”）
.append（“错误详细信息；
状态：”，textStatus，“
错误抛出：”，错误抛出，“
”）
.hide（）
.fadeIn（1500，函数（）{
$（“#消息”）。追加（“”）；
}); 
返回错误；；
}
});
});
//结束登录过程
//注册过程开始
$（“bt_寄存器”）。单击（函数（）{
//验证inpu
$（'.error'）.hide（）；
var username2=$（“输入#username2”）.val（）；
如果（username2==“”）{
$（“标签#用户名2_错误”）.show（）；
$（“输入#用户名2”）.focus（）；
返回false；
}
//var re=新的RegExp（“/[^a-z0-9-\\\\.]+/i”）；
//if（重新测试（username2）=真）{
//$（“label#username2_error2”）.show（）；
//$（“输入#用户名2”）.focus（）；
//返回false；
//    }
var password2=$（“输入#password2”）.val（）；
如果（密码2==“”）{
$（“标签#密码2_错误”）.show（）；
$（“输入密码2”）.focus（）；
返回false；
}
var email=$（“输入电子邮件”）.val（）；
如果（密码==“”）{
$（“label#email_error”）.show（）；
$（“输入电子邮件”）.focus（）；
返回false；
}
//发送正确的数据
var dataString='username='+username2+'&password='+password2+'&submit=Register'+'&email='+email；
警报（数据字符串）；返回false；
$.ajax({
类型：“POST”，
url:“../inc/files/login.php”，
数据：dataString，
成功：函数（）{
返回false；
},
错误：函数（XMLHttpRequest、textStatus、errorshown）{
$（'#reg_form'）.html（“”）；
$（'#message'）.html（“！”）
.append（“错误详细信息；
状态：”，textStatus，“
错误抛出：”，错误抛出，“
”）
.hide（）
.fadeIn（1500，函数（）{
$（“#消息”）。追加（“”）；
}); 
返回false；
}
});
});
});

调用Jquery的html表单

<div id="reg_form">
    <form class="clearfix" action="" >
        <h1>Register Here!</h1>             
        <label class="grey" for="username">Username:</label>
        <input class="text-input" type="text" name="username2" id="username2" value="" size="23" />
        <label class="error" for="username2" id="usernamename2_error">This field is required.</label> 
        <label class="error" for="username2" id="usernamename2_error2">Your username contains invalid characters!</label>
        <label class="grey" for="email">Email:</label>
        <input class="text-input" type="text" name="email" id="email" size="23" />
        <label class="error" for="email" id="email_error">This field is required.</label> 
        <label class="grey" for="password2">Password:</label>
        <input class="text-input" type="password" name="password2" id="password2" size="23" />
        <label class="error" for="password2" id="password2_error">This field is required.</label> 
        <input type="submit" name="submit" value="Register" class="bt_register" />
    </form>
</div>

在这里注册！
用户名：
此字段必填。
您的用户名包含无效字符！
电邮：
此字段必填。
密码：
此字段必填。

更改

$("bt_register").click(function() {

至

$(".bt_register").click(function(event) {
    event.preventDefault();

第二个错误是

if（password==“”）{

，因为对于

.bt_register

事件，您没有定义

密码

变量

您可以将

var password；

定义为

global

，以便每个单击事件函数都可以使用它

我在这里修改了您的代码，这就是我所做的，它正在提醒传递的字符串。

<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript">

$(function()
{
    var password;
    $("#open").click(function()
    {
        $("div#panel").slideDown("slow");
    }); 

    $("#close").click(function()
    {
        $("div#panel").slideUp("slow"); 
    });     

    $("#toggle a").click(function ()
    {
        $("#toggle a").toggle();
    });     

    $('.error').hide();

    // Start login proccess

    $(".bt_login").click(function(event)
    {
        event.preventDefault();
        $('.error').hide();

        var username = $("input#username").val();
        if (username == "")
        {
            $("label#username_error").show();
            $("input#username").focus();
            return false;
        }

        password = $("input#password").val();

        if (password == "")
        {
            $("label#password_error").show();
            $("input#password").focus();
            return false;
        }
        var rememberMe = $("input#rememberMe").val();

        var dataString = 'username='+ username + '&password=' + password + '&submit=Login' + '&rememberMe=' + rememberMe;
        alert (dataString);return false;

        $.ajax(
        {
            type: "POST",
            url: "../../inc/files/login.php",
            data: dataString,
            success: function()
            {
                return false;
            },
            error: function(XMLHttpRequest, textStatus, errorThrown)
            {
                $('#login_form').html("<div id='message'></div>");
                $('#message').html("<h2>!</h2>").append("<p>Error Details; <br /> Status: ", textStatus, " <br /> Error thrown: ", errorThrown,"</p>").hide().fadeIn(1500, function() { 
                    $('#message').append("<img id='cross' src='images/cross.png' />"); 
                }); 
                return false;;
            }
        });
    });

    // End login proccess

    //Registration Process start

    $(".bt_register").click(function(event)
    {
        event.preventDefault();
        // validate inpu
        $('.error').hide();
        var username2 = $("input#username2").val();

        if (username2 == "")
        {
            $("label#username2_error").show();
            $("input#username2").focus();
            return false;
        }

        var password2 = $("input#password2").val();
        if (password2 == "")
        {
            $("label#password2_error").show();
            $("input#password2").focus();
            return false;
        }

        var email = $("input#email").val();
        if (password == "")
        {
            $("label#email_error").show();
            $("input#email").focus();
            return false;
        }

        // correct data sent
        var dataString = 'username='+ username2 + '&password=' + password2 + '&submit=Register' + '&email=' + email;
        alert (dataString);return false;

        $.ajax(
        {
            type: "POST",
            url: "../../inc/files/login.php",
            data: dataString,
            success: function()
            {
                return false;
            },
            error: function(XMLHttpRequest, textStatus, errorThrown)
            {
                $('#reg_form').html("<div id='message'></div>");
                $('#message').html("<h2>!</h2>").append("<p>Error Details; <br /> Status: ", textStatus, " <br /> Error thrown: ", errorThrown,"</p>").hide().fadeIn(1500, function()
                {
                    $('#message').append("<img id='cross' src='images/cross.png' />"); 
                }); 
                return false;
            }
        });

    });
});

</script>
<div id="reg_form">
    <form class="clearfix" action="" >
        <h1>Register Here!</h1>             
        <label class="grey" for="username">Username:</label>
        <input class="text-input" type="text" name="username2" id="username2" value="" size="23" />
        <label class="error" for="username2" id="usernamename2_error">This field is required.</label> 
        <label class="error" for="username2" id="usernamename2_error2">Your username contains invalid characters!</label>
        <label class="grey" for="email">Email:</label>
        <input class="text-input" type="text" name="email" id="email" size="23" />
        <label class="error" for="email" id="email_error">This field is required.</label> 
        <label class="grey" for="password2">Password:</label>
        <input class="text-input" type="password" name="password2" id="password2" size="23" />
        <label class="error" for="password2" id="password2_error">This field is required.</label> 
        <input type="submit" name="submit" value="Register" class="bt_register" />
    </form>
</div>

$（函数（）
{
var密码；
$（“#打开”）。单击（函数（）
{
$（“分区面板”）。向下滑动（“慢速”）；
}); 
$（“#关闭”）。单击（函数（）
{
美元（“div#panel”）。slideUp（“slow”）；
});     
$（“#切换a”）。单击（函数（）
{
$（“#切换a”）.toggle（）；
});     
$（'.error'）.hide（）；
//开始登录过程
$（“.bt_登录”）。单击（函数（事件）
{
event.preventDefault（）；
$（'.error'）.hide（）；
var username=$（“输入#用户名”）.val（）；
如果（用户名==“”）
{
$（“label#username_error”）.show（）；
$（“输入#用户名”）.focus（）；
返回false；
}
密码=$（“输入密码”）.val（）；
如果（密码==“”）
{
$（“label#password_error”）.show（）；
$（“输入密码”）.focus（）；
返回false；
}
var rememberMe=$（“输入#rememberMe”）.val（）；
var dataString='username='+username+'和password='+password+'&submit=Login'+'&rememberMe='+rememberMe；
警报（数据字符串）；返回false；
$.ajax(
{
类型：“POST”，
url:“../inc/files/login.php”，
数据：dataString，
成功：函数（）
{
返回false；
},
错误：函数（XMLHttpRequest、textStatus、errorshown）
{
$（'login#u form'）.html（“”）；
$（“#message'）.html（！”）.append（错误详细信息；
状态：，textStatus，
错误抛出：，错误抛出，
）.hide（）.fadeIn（1500，函数（）{
$（“#消息”）。追加（“”）；
}); 
返回错误；；
}
});
});
//端日志
<label class="error" for="username2" id="usernamename2_error2">Your username contains invalid characters!

$("#reg_form").children('form').submit(function (e) {
    e.preventDefault(); //<------------stops the submission
    // validate inpu
    $('.error').hide();
    var username2 = $("input#username2").val();
    if (username2 == "") {
        $("label#username2_error").show();
        $("input#username2").focus();
        return false;
    }

    var password2 = $("input#password2").val();
    if (password2 == "") {
       $("label#password2_error").show();
       $("input#password2").focus();
       return false;
     }

     var email = $("input#email").val();
     if (password == "") {
       $("label#email_error").show();
       $("input#email").focus();
       return false;
     }

     // correct data sent
     var dataString = $(this).serialize();
     alert(dataString);

     $.ajax({
        type: "POST",
        url: "../../inc/files/login.php",
        data: dataString,
        success: function () {
           alert('success.');
        },
        error: function (XMLHttpRequest, textStatus, errorThrown) {
          $('#reg_form').html("<div id='message'></div>");
          $('#message').html("<h2>!</h2>")
              .append("<p>Error Details; <br /> Status: ", textStatus, " <br /> Error thrown: ", errorThrown, "</p>")
              .hide()
              .fadeIn(1500, function () {
                  $('#message').append("<img id='cross' src='images/cross.png' />");
              });
              return false;
        }

    });
 });

data: '{LiveID: "' + Live_ID + '", CategoryID: "' + Category_ID + '"}',