jquery函数不工作不会显示警报

jquery function not working wont show alert

本文关键字：显示 工作 函数 jquery      更新时间：2023-09-26

我想更新div并显示警报，但两者都不起作用 

<script>
    $(document).ready(function() {
    $('#submit').click(function(){
        $.ajax({
            type: 'POST',
            url: '<?php echo URL;?>user/registeruser/',
            data: $('#username').val() + '/' + $('#password').val() + '/' $('#email').val() + '/' $('#firstname').val() + '/' + $('#lastname').val() + '/' $('#securityq1').val() + '/' + $('#securitya2').val() + '/' + $('#securityq2').val() + '/' + $('#securitya2').val(),
            success: function(msg) {
                $('#registermessage').html(msg);
                alert("thgfg");
            }
        });
    })});
    </script>
         <button type="submit" name="submit" class="btn btn-danger">Register</button> </p>

您应该将id添加到按钮中。

<script>
$(document).ready(function() {
$('#submit').click(function(){
alert("gi")
    $.ajax({
        type: 'POST',
        url: '<?php echo URL;?>user/registeruser/',
        data: $('#username').val() + '/' + $('#password').val() + '/' $('#email').val() + '/' $('#firstname').val() + '/' + $('#lastname').val() + '/' $('#securityq1').val() + '/' + $('#securitya2').val() + '/' + $('#securityq2').val() + '/' + $('#securitya2').val(),
        success: function(msg) {
            $('#registermessage').html(msg);
            alert("thgfg");
        },error:function(){
      alert("hi");
      }
      });
});
});
</script>
     <button type="submit" id='submit' name="submit" class="btn btn-danger">Register</button>

这里的行

  $('#submit').click(function(){

可以翻译成

jQuery 找到 ID 为 submit 的元素，侦听此元素上的 click 事件并运行以下函数。

在您的情况下，jQuery 会侦听，但听不到某些内容，因为没有元素可以触发事件。如果使用 #，则需要为元素指定一个 ID。

<button type="submit" name="submit" <!-- this >> id="submit" --> class="btn btn-danger">

为了防止您的按钮表单通过标准 html 提交，您需要添加

$('#submit').click(function(e){
e.preventDefault();

到您的点击功能。

尝试将其更改为：

...
 $.ajax({
        type: 'POST',
        url: 'user/registeruser',
        data: { username: $('#username').val() , 
                password: $('#password').val() ,
                email :   $('#email').val() ,
                firstname:$('#firstname').val() ,
                lastname: $('#lastname').val() ,
                securityq1:$('#securityq1').val() ,
                securitya2:$('#securitya2').val(),
                securityq2:$('#securityq2').val() ,
                securitya2:$('#securitya2').val()
              }
        success: function(msg) {
            $('#registermessage').html(msg);
            alert("thgfg");
        }
    });
    ...

我希望你的jQuery脚本在你的html下面，如果没有，你也需要改变它。

相关文章：