JavaScript 驗證表單元素是否被修改

2021-06-09 07:30:59 字數 2380 閱讀 6492

<

form

>

<

input

type

="text"

value

="defaultvalue 1"

/>

<

input

type

="text"

value

="defaultvalue 2"

/>

<

textarea

>

defaultvalue 1

textarea

>

<

textarea

>

defaultvalue 2

textarea

>

<

input

type

="radio"

name

="a"

/>

test  

<

input

type

="radio"

name

="a"

checked

="checked"

/>

defaultchecked    

<

input

type

="checkbox"

name

="b"

/>

test  

<

input

type

="checkbox"

name

="b"

checked

="checked"

/>

defaultchecked  

<

input

type

="checkbox"

name

="b"

checked

="checked"

/>

defaultchecked    

<

select

>

<

option

selected

="selected"

>

defaultselected 1

option

>

<

option

>

test

option

>

<

option

>

test

option

>

<

option

>

test

option

>

select

>

<

select

multiple

="multiple"

>

<

option

>

test

option

>

<

option

selected

="selected"

>

defaultselected 1

option

>

<

option

selected

="selected"

>

defaultselected 2

option

>

<

option

>

test

option

>

select

>

<

input

type

="button"

onclick

="isformchanged()"

value

="submit"

/>

form

>

<

script

>

function isformchanged()   

} else if (type

== "radio" || 

type

== "checkbox")   

} else if (type

== "select-one"|| 

type

== "select-multiple")   

}  } else        

}      

alert( ischanged?"你改變了表單的預設值.":"成功提交.");  

return ischanged;  

}  script

>

JavaScript表單驗證

大家看到這段 有何感想。有同學會問,這有問題嗎?沒問題。只是不怎麼好看而且有些難以維護。那麼我們來看看有沒有更好的方式吧。本文所以的 都在這個鏈結。github.com link x veri 首先 未動,文件先行我們先來看下這一坨東西 變數 var obj date 2018 10 10 08 0...

JavaScript常用表單驗證

目錄 1 js 字串長度限制 判斷字元長度 js限制輸入 限制不能輸入 textarea 長度限制 2.js判斷漢字 判斷是否漢字 只能輸入漢字 3 js判斷是否輸入英文 只能輸入英文 4 js只能輸入數字,判斷數字 驗證數字 檢測數字 判斷是否為數字 只能輸入數字 5 只能輸入英文本元和數字 6 ...

JavaScript常用表單驗證

目錄 1 js 字串長度限制 判斷字元長度 js限制輸入 限制不能輸入 textarea 長度限制 2.js判斷漢字 判斷是否漢字 只能輸入漢字 3 js判斷是否輸入英文 只能輸入英文 4 js只能輸入數字,判斷數字 驗證數字 檢測數字 判斷是否為數字 只能輸入數字 5 只能輸入英文本元和數字 6 ...