Question

我有一个用于注册的nodejs文件，该文件通过post方法从ejs文件中获取数据。当用户注册并使用现有数据时，我需要显示一个简短的消息？

我的代码如下

这是我的ejs文件

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
    <link rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.7.2/css/all.min.css'>
    <link rel="stylesheet" href="/css/style.css" type="text/css">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.0/jquery.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/sweetalert/2.1.2/sweetalert.min.js"></script>
</head>
<body>
    <div class="verify">
        <form id="checkForm"  method="post" action="/verify">
            <label for="verify"><b>Verify</b></label>
            <input type="text" placeholder="Register no" name="emply_id" required>
            <button type="submit" class="signupbtn">Check In</button>
        </form>
    </div>
<!--<form id="signp"  method="get" action="/signup">
    <button type="submit" class="signupbtn" >Signup</button>
    </form>-->

   <div class="container" id="container">
    <div class="form-container sign-up-container">
        <form id="signupForm"  method="post" action="/signup">
            <h1>Create Account</h1>

            <div class="social-container">
                <a href="#" class="social"><i class="fab fa-facebook-f"></i></a>
                <a href="#" class="social"><i class="fab fa-google-plus-g"></i></a>
                <a href="#" class="social"><i class="fab fa-linkedin-in"></i></a>
            </div>
            <span>or use your email for registration</span>
            <input type="text" placeholder="Company Name" name="name"required/>
            <input type="email" placeholder="Email" name="email" required/>
            <input type="password" placeholder="Password"  name="psw" id="txtNewPassword" required/>
            <input type="password" placeholder="Re-Password"name="pswrepeat" id="txtConfirmPassword" onChange="checkPasswordMatch();" required/>
            <div class="registrationFormAlert" id="divCheckPasswordMatch"></div>
            <input type="address" placeholder="Addresss" name="address" required/>




            <button  id="myButton" onclick="myswal()">Sign Up</button>
        </form>
    </div>
    <div class="form-container sign-in-container">
        <form id="loginForm"  method="post" action="/login">
            <h1>Sign in</h1>
            <div class="social-container">
                <a href="#" class="social"><i class="fab fa-facebook-f"></i></a>
                <a href="#" class="social"><i class="fab fa-google-plus-g"></i></a>
                <a href="#" class="social"><i class="fab fa-linkedin-in"></i></a>
            </div>
            <span>or use your account</span>
            <h1>Log in </h1>
            <hr>
            <label for="email"><b>email</b></label>
            <input type="text" placeholder="Email" name="email" required >
            <label for="password"><b>password</b></label>
            <input type="text" placeholder="Enter Password" name="password"  required>
            <button type="submit" class="signupbtn">Log in</button>


        </form>
    </div>

    <div class="overlay-container">
        <div class="overlay">
            <div class="overlay-panel overlay-left">
                <h1>Welcome Back!</h1>
                <p>To keep connected with us please login with your personal info</p>
                <button class="ghost" id="signIn">Sign In</button>
            </div>
            <div class="overlay-panel overlay-right">
                <h1>Hello, Friend!</h1>
                <p>Enter your personal details and start journey with us</p>
                <button class="ghost" id="signUp">Sign Up</button>
            </div>
        </div>
    </div>
</div>


    <script  src="/js/index.js"></script>

    <script>



function myswal(this){




            swal({title: "EMAIL HAS BEEN SEND", text: "Please check you email and click the link to activate your account", type: 
        "success"}).then(function(){ 
        location.reload();
        }
        );




      }
      </script>


      <script>

function checkPasswordMatch() {
    var password = $("#txtNewPassword").val();
    var confirmPassword = $("#txtConfirmPassword").val();

    if (password != confirmPassword)
        $("#divCheckPasswordMatch").html("Passwords do not match!");
    else
        $("#divCheckPasswordMatch").html("Passwords match.");
}

$(document).ready(function () {
   $("#txtConfirmPassword").keyup(checkPasswordMatch);
});


</script>









</body>
</html>

这是我的节点js代码

app.post('/signup',urlencodedParser,async function(req,res){
    //console.log(req)
    var name1 = req.body.name;
    var email1 = req.body.email;
    var pass = req.body.psw;
    var con_pass = req.body.pswrepeat;
    var address1 = req.body.address;
    var stat =0;
    var echeck = await emailcheck(email1)
    console.log(echeck)
    var sig ={name:name1,email:email1,password:pass,password1:con_pass,address:address1,status:stat}
    console.log(name1);
    if(con_pass == pass){
        var cd = sha256(email1)
        //res.end("sigup submitted");
        //res.render('login');

        var query = db.query('INSERT INTO signup SET ?', sig, async function(err, result) {
            // Neat!

            console.log(query.sql);
            var activationinsert = await activation_insert(cd)
            console.log(activationinsert)
            var link="http://"+req.get('host')+"/emaillogin?code="+cd;
            var actmail = await activation_mail(email1,link)
            console.log(actmail)
            console.log("get me sweet");
            done=true

            });



    }
    else{
        res.render("password mismatch")
    }

});

我想根据ejs的输出在客户端显示Flash消息吗？

如何在nodejs中使用express-flash进行ejs通知？

0 个答案: