时间戳

首页 > 解决方案 > 单击注册按钮时，将出现 localhost 注册弹出窗口

javascript - 单击注册按钮时，将出现 localhost 注册弹出窗口

问题描述

我制作了一个简单的注册页面，在 ng-click 上我正在调用用注册控制器编写的提交数据函数。但是当我按下注册按钮时，localhost 会给我一个注册弹出窗口。html代码

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Signup.aspx.cs" Inherits="poc1.Signup" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <script src="Scripts/jquery-3.4.1.min.js"></script>
    <script src="JS/jquery-3.6.0.js"></script>

    <script src="Scripts/WebForms/angular.js"></script>

    <script src="JS/JavaScript.js"></script>
    

</head>
<body ng-app="app">
    <form id="form1" runat="server">
        <div ng-controller="RegisterController">
        <asp:Label ID="Label1" runat="server" Text="Username"></asp:Label>
        <asp:TextBox ID="TxtUsername" runat="server"></asp:TextBox>
        <div>
            <asp:Label ID="Label2" runat="server" Text="Password"></asp:Label>
            <asp:TextBox ID="TxtPassword" runat="server" TextMode="Password"></asp:TextBox>
        </div>
        <asp:Label ID="Label3" runat="server" Text="Email"></asp:Label>
        <asp:TextBox ID="TxtEmail" runat="server"></asp:TextBox>
        <p>
            <asp:Label ID="Label4" runat="server" Text="First Name"></asp:Label>
            <asp:TextBox ID="TxtFName" runat="server"></asp:TextBox>
        </p>
        <p>
            <asp:Label ID="Label5" runat="server" Text="Last Name"></asp:Label>
            <asp:TextBox ID="TxtLName" runat="server"></asp:TextBox>
        </p>
        <p>
            <asp:Button ID="BtnRegister" runat="server" ng-click="SubmitData($event)" Text="Register"/>
        </p>
            </div>
    </form>
</body>
</html>

这是javascript文件代码

var app = angular.module("app", []).controller('RegisterController', ['$scope', '$filter', function ($scope, $filter) {
 
    $scope.SubmitData = function ($event) {
        $event.preventDefault();
        $scope.registerUser();
    };
    $scope.registerUser = function () {
        alert("hi");
       
        var objuser = {
            username: $('#TxtUsername').val(),
            password: $('#TxtPassword').val(),
            firstname: $('#TxtFName').val(),
            lastname: $('#TxtLName').val(),
            email: $('#TxtEmail.Text').val(),
            lastlogin: "",
            lastpwdupdate: "",
            lastip: "1.2.3.4"

        };

        var param = {
            user: objuser
        };

        $.ajax({
            type: "POST",
            url: "Signup.aspx/DataEnter",
            data: JSON.stringify(param),
            contentType: "application/json; charset=utf-8",
            dataType: "json",
            success: function (response) {
                alert("Hi");
                console.log(response);
                var result = JSON.parse(response.d);
                if (result.Status == 1) {
                    // toastr.success(result.Message);
                    setTimeout(function () { window.location.href = "Login.aspx"; }, 1000);
                }

            },
            error: function (response) {
                toastr.error("ajax error", "error");
            }
        });


    };

    
}]);

这是用户类

public class User
    {
        public string username { get; set; }
        public string password { get; set; }
        public string firstname { get; set; }
        public string lastname { get; set; }
        public string email { get; set; }
        public DateTime lastlogin { get; set; }
        public DateTime lastpwdupdate { get; set; }
        public string lastip { get; set; }
    }

问题出在注册页面上按注册我得到这个弹出窗口。不知道它从哪里来 在此处输入图像描述

标签： javascriptc#jqueryangularjs

解决方案

推荐阅读