註冊表單驗證js代碼,表單驗證碼代碼

本文目錄一覽:

JS表單註冊驗證

把以下代碼加到body里試一試 本應寫成function 就是做個示意給你看看原理

昵稱:

input type=”text” onclick=”this.style.border=’1px #cd1b1b solid’;document.getElementById(‘a’).innerHTML=”;” onblur=”this.style.border=’1px #000000 solid’;if(this.value==”){document.getElementById(‘a’).innerHTML=’昵稱不能為空!’;}”/span id=”a”/spanbr /br /

密碼:

input type=”text” onclick=”this.style.border=’1px #cd1b1b solid’;document.getElementById(‘b’).innerHTML=”;” onblur=”this.style.border=’1px #000000 solid’;if(this.value==”){document.getElementById(‘b’).innerHTML=’密碼不能為空!’;}”/span id=”b”/span

js表單驗證代碼怎麼寫

我來舉個例子,很簡單的

!DOCTYPE html

html

head

meta charset=”UTF-8″

titleInsert title here/title

script type=”text/javascript”

function formCheck(){//表單驗證

var userForm=document.forms.userForm;

if(userForm.username.value==null||userForm.username.value.length=0){

alert(“用戶名不能為空”);

return false;

}else if(userForm.username.value.length6||userForm.username.value.length20){

alert(“用戶名必須為6-20位”);

return false;

}else if(userForm.password.value==null||userForm.password.value.length=0){

alert(“密碼不能為空”);

return false;;

}else if(userForm.password.value.length6||userForm.password.value.length20){

alert(“密碼必須為6-20位”);

return false;

}else{

userForm.submit();

}

}

/script

/head

body

form action=”” name=”userForm”

userName:input type=”text” name=”username”br

password:input type=”password” name=”password”br

input type=”button” value=”提交” onclick=” formCheck()”

/form

/body

/html

JS表單驗證代碼

我就簡單的寫個 希望可以幫助您

==================================

!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “”

html xmlns=””

head

meta http-equiv=”Content-Type” content=”text/html; charset=gb2312″ /

title測試頁面/title

script type=”text/javascript”

function checkform(){

//驗證用戶名

if($(“username”).value == “”){

$(“n_msg”).innerHTML =”用戶名不可以為空”;

$(“username”).select();

$(“username”).focus();

return false;

}else{

if($(“username”).value.length 6){

$(“n_msg”).innerHTML = “用戶名必須大於6個字符”;

$(“username”).select();

$(“username”).focus();

return false;

}

}

//驗證密碼

if($(“password”).value == “”){

$(“p_msg”).innerHTML =”密碼不可以為空”;

$(“password”).select();

$(“password”).focus();

return false;

}else{

if($(“password”).value.length 10){

$(“p_msg”).innerHTML = “密碼必須大於10個字符”;

$(“password”).select();

$(“password”).focus();

return false;

}

}

//…..(下面的可以以此類推)

return true;

}

function $(id){

return document.getElementById(id);

}

/script

style type=”text/css”

body{ font:12px 宋體}

.c_red{ color:#f00}

/style

/head

body

table width=”500″ border=”0″ cellspacing=”0″ cellpadding=”0″

form method=”post” onsubmit=”return checkform()”

tr

td width=”89″用戶名/td

td width=”223″input name=”username” type=”text” id=”username” //td

td width=”188″ id=”n_msg” class=”c_red”/td

/tr

tr

td密碼/td

tdinput name=”password” type=”password” id=”password” //td

td id=”p_msg” class=”c_red”/td

/tr

tr

td colspan=”3″input name=”sub” type=”submit” id=”sub” value=”提交” //td

/tr

/form

/table

/body

/html

===========================

上面的為代碼部分 我已經調試沒問題 希望可以幫助您

祝早日解決~

asp表單提交註冊驗證js問題

if (document.form1.radio2.checked document.form1.img.value==””)

{

alert(“圖片不能為空”);

return false;

}

name=img 的那個input框最好加個id=img

否則取不到值的話就用document.getElementByName(”)

js註冊表單驗證代碼

JS函數:

function check(){

    var username = document.getElementById(“username”).value;

    var pass1 = document.getElementById(“password”).value;

    var pass2 = document.getElementById(“confirm_password”).value;

 

    if (username == “”|| username == NULL || pass1 == “” || pass1 == NULL || pass2 == NULL || pass2 == “”) {

        alert(“用戶名或密碼不得為空!”);

        return false;

    }

}

表單提交的時候驗證:

input name=”reg” type=”submit”  value=”提交” onclick=”return check()”/

自己補全。

用html做的一個form+table註冊頁面里有一個驗證碼,要怎麼寫這個js代碼??

可以用JS做個簡單的驗證碼 script language=”javascript”var code; //在全局 定義驗證碼

function createCode()

{ //創建驗證碼函數

code = “”;

var codeLength =5;//驗證碼的長度

var selectChar = new Array(0,1,2,3,4,5,6,7,8,9,’A’,’B’,’C’,’D’,’E’,’F’,’G’,’H’,’I’,’J’,’K’,’L’,’M’,’N’,’O’,’P’,’Q’,’R’,’S’,’T’,’U’,’V’,’W’,’X’,’Y’,’Z’);//所有候選組成驗證碼的字符,當然也可以用中文的

for(var i=0;icodeLength;i++)

{

var charIndex =Math.floor(Math.random()*36);

code +=selectChar[charIndex];

}// 設置驗證碼的顯示樣式,並顯示

document.getElementById(“discode”).style.fontFamily=”Fixedsys”; //設置字體

document.getElementById(“discode”).style.letterSpacing=”3px”; //字體間距

document.getElementById(“discode”).style.color=”#ff0000″; //字體顏色

document.getElementById(“discode”).innerHTML=code; // 顯示

}/script 把上面一段JS代碼放到head/head標籤中在頁面裝載的時候,調用驗證碼創建函數 body onload=”createCode()

“在驗證碼輸入框的後面放一個標籤 span id=”discode”/span

原創文章,作者:KSIPI,如若轉載,請註明出處:https://www.506064.com/zh-hk/n/317882.html

(0)
打賞 微信掃一掃 微信掃一掃 支付寶掃一掃 支付寶掃一掃
KSIPI的頭像KSIPI
上一篇 2025-01-11 16:28
下一篇 2025-01-11 16:28

相關推薦

  • Python周杰倫代碼用法介紹

    本文將從多個方面對Python周杰倫代碼進行詳細的闡述。 一、代碼介紹 from urllib.request import urlopen from bs4 import Bea…

    編程 2025-04-29
  • JS Proxy(array)用法介紹

    JS Proxy(array)可以說是ES6中非常重要的一個特性,它可以代理一個數組,監聽數據變化並進行攔截、處理。在實際開發中,使用Proxy(array)可以方便地實現數據的監…

    編程 2025-04-29
  • Python字符串寬度不限制怎麼打代碼

    本文將為大家詳細介紹Python字符串寬度不限制時如何打代碼的幾個方面。 一、保持代碼風格的統一 在Python字符串寬度不限制的情況下,我們可以寫出很長很長的一行代碼。但是,為了…

    編程 2025-04-29
  • Python基礎代碼用法介紹

    本文將從多個方面對Python基礎代碼進行解析和詳細闡述,力求讓讀者深刻理解Python基礎代碼。通過本文的學習,相信大家對Python的學習和應用會更加輕鬆和高效。 一、變量和數…

    編程 2025-04-29
  • Python滿天星代碼:讓編程變得更加簡單

    本文將從多個方面詳細闡述Python滿天星代碼,為大家介紹它的優點以及如何在編程中使用。無論是剛剛接觸編程還是資深程序員,都能從中獲得一定的收穫。 一、簡介 Python滿天星代碼…

    編程 2025-04-29
  • 倉庫管理系統代碼設計Python

    這篇文章將詳細探討如何設計一個基於Python的倉庫管理系統。 一、基本需求 在着手設計之前,我們首先需要確定倉庫管理系統的基本需求。 我們可以將需求分為以下幾個方面: 1、庫存管…

    編程 2025-04-29
  • 寫代碼新手教程

    本文將從語言選擇、學習方法、編碼規範以及常見問題解答等多個方面,為編程新手提供實用、簡明的教程。 一、語言選擇 作為編程新手,選擇一門編程語言是很關鍵的一步。以下是幾個有代表性的編…

    編程 2025-04-29
  • Python實現簡易心形代碼

    在這個文章中,我們將會介紹如何用Python語言編寫一個非常簡單的代碼來生成一個心形圖案。我們將會從安裝Python開始介紹,逐步深入了解如何實現這一任務。 一、安裝Python …

    編程 2025-04-29
  • 怎麼寫不影響Python運行的長段代碼

    在Python編程的過程中,我們不可避免地需要編寫一些長段代碼,包括函數、類、複雜的控制語句等等。在編寫這些代碼時,我們需要考慮代碼可讀性、易用性以及對Python運行性能的影響。…

    編程 2025-04-29
  • Python海龜代碼簡單畫圖

    本文將介紹如何使用Python的海龜庫進行簡單畫圖,並提供相關示例代碼。 一、基礎用法 使用Python的海龜庫,我們可以控制一個小海龜在窗口中移動,並利用它的「畫筆」在窗口中繪製…

    編程 2025-04-29

發表回復

登錄後才能評論