onsubmit函式無法使用Node.js正確呼叫

我想在提交表單時進行一些驗證。但是，當表單提交驗證功能似乎正確呼叫時。警報部分沒有出現，但是當我嘗試像這樣發出警報時

function validation(){
      alert("somethinglol");
      var username = $("#register.username").val().toString();
     
       
       
       alert(username);
     };

somethinglol 出現，但第二個警報沒有。

這是我的獲取功能：

app.get('/', (req, res) => {
    res.render('index.ejs');
})

這是 index.ejs

<form id="form1" action="/" method="post" onSubmit="validation();">
      <div class="form-group">
        <label for="register.username">Username</label>
        <input type="text" name="username" id="register.username" class="form-control" placeholder="Username" aria-describedby="helpId">
        <small id="helpRegisterUsername" class="text-muted">You should enter a username.</small>
      </div>
      <div class="form-group">
        <label for="register.password">Password</label>
        <input type="password" name="password" id="register.password" class="form-control" placeholder="Password" aria-describedby="helpId">
        <small id="helpId" class="text-muted">Enter a password.</small>
      </div>
      <div class="form-group">
        <label for="register.confirm.password">Confirm password</label>
        <input type="password" name="confirmedPassword" id="register.confirm.password" class="form-control" placeholder="Confirm password" aria-describedby="helpId">
        <small id="helpId" class="text-muted">Confirm password</small>
      </div>
      <input type="submit" id="registerSubmit" value="Submit"></input>

    </form>

這是 index.js 的腳本部分，其中包含 validation() 函式。

<script>
     function validation(){
      alert($("#register.username").val().toString());
      var username = $("#register.username").val().toString();
      username = "somethinglol";
       
       
       alert(username);
     };
</script>

我已將腳本更改為外部腳本，但它不起作用。我已經改變了jquery cdn。我使用$("#registerSubmit").click(...)而不是 onSubmit 但它沒有再次作業。我還嘗試了使用 async 和 await 的方法，但如果是問題所在，我不確定我是否正確地做到了。

uj5u.com熱心網友回復：

使用 jquery，您可以$( "#form1" ).submit(function( event ) {在提交之前使用它來執行操作

此外，要在 jquery 中使用點 (.) 選擇 id，您必須在點之前使用 \\

$("#register\\.username")

$( "#form1" ).submit(function( event ) {
      alert($("#register\\.username").val().toString());
      var username = $("#register\\.username").val().toString();
      username = "somethinglol";
      alert(username);
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<form id="form1" action="/" method="post" onSubmit="validation();">
      <div class="form-group">
        <label for="register.username">Username</label>
        <input type="text" name="username" id="register.username" class="form-control" placeholder="Username" aria-describedby="helpId">
        <small id="helpRegisterUsername" class="text-muted">You should enter a username.</small>
      </div>
      <div class="form-group">
        <label for="register.password">Password</label>
        <input type="password" name="password" id="register.password" class="form-control" placeholder="Password" aria-describedby="helpId">
        <small id="helpId" class="text-muted">Enter a password.</small>
      </div>
      <div class="form-group">
        <label for="register.confirm.password">Confirm password</label>
        <input type="password" name="confirmedPassword" id="register.confirm.password" class="form-control" placeholder="Confirm password" aria-describedby="helpId">
        <small id="helpId" class="text-muted">Confirm password</small>
      </div>
      <input type="submit" id="registerSubmit" value="Submit"></input>

    </form>

標籤：javascript html 节点.js 表示 ejs

上一篇：無法弄清楚為什么代碼會跳過javascript中的if陳述句

下一篇：req.ip和socket.localAddress有什么區別？