javascript - 如何在 html 上从 nodejs 调用函数？

Question

这个问题已经有答案了:

What is the difference between client-side and server-side programming? (3 个回答)

已关闭 4 年前。

谢谢大家，我几天前已经解决了这个问题。但是我已经编辑删除了问题(代码)中的一些特定信息。所以它不是重复的，只是为了保护而修改的。我在后端使用nodejs，在前端使用html，并使用数据库(mysql)来构建网页。我需要一个登录页面。我的 html 和 nodejs 代码如下。在 validate() 函数之前没有任何问题。我的 html 页面应该使用它，但它没有。 html 方面没有任何变化。我的错误在哪里？

NODEJS 代码:

var mysql = require('mysql');   
var express = require('express');
var http = require('http');
var login = express();

//mysql bağlantısı
var db = mysql.createConnection({
    .................});
//connection
    db.connect((err) => {
        if(err){ 
            throw err;}
        else console.log("connected");
    });

//veritabanından bilgi çekimi
    login.get('/', (req,res) => {
        let sql = 'SELECT  `user_name`, `pass` FROM `users`'; 
        db.query(sql,(err,result) => {
            if(err) throw err;
            console.log(result);
            res.sendFile(__dirname + "/login.html");

            var .... = result[0].......; //set user name
            console.log(.);...
            var ......= result[0]......;        //set user pass
            console.log(.....);
        });

    });
    function validate(){
        var username = document.getElementById("....").value;
        var password = document.getElementById("....").value;

        var err=document.getElementById("error").innerHTML;
    //giriş alanları boş kalırsa
        if(username==""){
            alert("Bu gerekli bir alandır");} 
        if(password==""){
            alert("Bu gerekli bir alandır");}
    //username şifre eşleşmesi
        if ( ....== "....." && .....== "...."){ 
            document.getElementById("error").innerHTML="Log in sucessfull"; 
            window.location = "login.html";
            return false;
    }
}

HTML 代码

form id="form_id" action= "/" method="post" name="myform"
input type="text" id="...." placeholder="......" required
input type="....." id="....." placeholder="Password" required
input type="button" id="submit" value="LOGIN" onclick="validate()"

script src="path"

Answer 1

您正在进行前端验证，因此您的验证函数必须位于脚本标记的前端。当用户单击提交按钮时调用验证函数。

另一种方法是通过快速中间件在后端进行验证。这就是后端验证。检查express-validator