JavaScript樣本四（輸入框數字格式檢測），javascript樣本
<!doctype html><html lang="en"> <head> <meta charset="UTF-8"> <meta name="Generator" content="EditPlus®"> <meta name="Author" content=""> <meta name="Keywords" content=""> <meta name="Description" content=""> <title>輸入框檢測</title> </head> <body> <p>只允許輸入數字，否則紅色警示</p> <form action="http://localhost/index.jsp"><input type="textarea" id="textbox"><button type="submit" id="mybtn">提交</button> </form><script>var textbox=document.forms[0].elements[0];//擷取焦時間點事件textbox.onfocus=function(){if(textbox.style.backgroundColor != "red"){textbox.style.backgroundColor="yellow";}}//失去焦時間點事件textbox.onblur=function(event){if(/[^\d]/.test(textbox.value)){textbox.style.backgroundColor="red";}else{textbox.style.backgroundColor="";}}//change事件textbox.onchange=function(event){if(/[^\d]/.test(textbox.value)){textbox.style.backgroundColor="red";}else{textbox.style.backgroundColor="";}}</script> </body></html>
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
