亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

Javascript 表單驗證只工作一次

Javascript 表單驗證只工作一次

慕萊塢森 2023-06-15 16:04:15
腳本:NewsletterScript.jsfunction formValidation() {    var fname = document.getElementById('firstName').value;    var lname = document.getElementById('lastName').value;    var pnumber = document.getElementById('phoneNumber').value;    var email = document.getElementById('e-mail').value;  if (FirstName(fname)) {  }  if (LastName(lname)) {  }  if (Country(country)) {  }  if (Email(email)) {  }  return false;}/*first name input validation*/function FirstName(fname) {  var message = document.getElementsByClassName("error-message");  var letters = /^[A-Za-z]+$/;  if ( fname =="" || fname.match(letters)) {    text="";    message[0].innerHTML = text;    return true;  }  else {    text="First name should contain only letters";    message[0].innerHTML = text;    return false;  }}/*last name input validation*/function  LastName(lname) {  var message = document.getElementsByClassName("error-message");  var letters = /^[A-Za-z]+$/;  if ( lname =="" || lname.match(letters)) {    text="";    message[1].innerHTML = text;    return true;  }  else {    text="Last name should contain only letters";    message[1].innerHTML = text;    return false;  }}我試圖讓這個驗證循環直到滿足條件,目前這只工作一次,如果再次單擊按鈕,它會提交。下面的按鈕。由于腳本太長,我無法上傳所有腳本,但它剛剛獲得了其他驗證,例如電話號碼等,我們將不勝感激,干杯!
查看完整描述

2 回答

?
小唯快跑啊

TA貢獻1863條經驗 獲得超2個贊

如果您想要的是僅當四個驗證函數返回 true 時才formValidation()返回,您應該這樣寫,而不是放置空的 if 語句:true

return FirstName(fname) && LastName(lname) && Country(country) && Email(email);

formValidation()如果其中一個返回 false,這種方式將返回 false


查看完整回答
反對 回復 2023-06-15
?
狐的傳說

TA貢獻1804條經驗 獲得超3個贊

您應該考慮在提交按鈕上使用form?onsubmit代替。onclick

代替:

<input class="button" type="submit" value="Submit" name="submit" onClick="formValidation()" />

考慮使用表單提交并且不要忘記return關鍵字:

<form onsubmit="return formValidation();" > /* ... */ </form>

查看完整回答
反對 回復 2023-06-15
  • 2 回答
  • 0 關注
  • 189 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號