撰寫一個網頁能夠自動檢查輸入的字串是否為"整數或小數，逗號，整數或小數"格式(例如 24.9586,121.24114)
-------------------------------------------
<html>
<head>
</head>
<body id="body">
<form action="javascript:void(0);" id="exampleForm">
<input type="text" id="examplePass" />
<input type="submit" />
</form>
</body>
<script>
document.getElementById("exampleForm").onsubmit =function() {
var passwordRegex = /^[+-]?\d*(\.\d*)?,[+-]?\d*(\.\d*)?$/;
if(!passwordRegex.test(document.getElementById("examplePass").value)){
console.log("Regex didn't match");
var notify = document.getElementById("notify");
if (notify === null){
notify = document.createElement("p");
notify.textContent = "輸入的字串必須為有意義的"整數或小數，逗號，整數或小數"格式！"
notify.id = "notify";
var body = document.getElementById("body");
body.appendChild(notify);
}
}
};
</script>
</html>
-------------------------------------------------
下圖為輸入正確示意圖
<head>
</head>
<body id="body">
<form action="javascript:void(0);" id="exampleForm">
<input type="text" id="examplePass" />
<input type="submit" />
</form>
</body>
<script>
document.getElementById("exampleForm").onsubmit =function() {
var passwordRegex = /^[+-]?\d*(\.\d*)?,[+-]?\d*(\.\d*)?$/;
if(!passwordRegex.test(document.getElementById("examplePass").value)){
console.log("Regex didn't match");
var notify = document.getElementById("notify");
if (notify === null){
notify = document.createElement("p");
notify.textContent = "輸入的字串必須為有意義的"整數或小數，逗號，整數或小數"格式！"
notify.id = "notify";
var body = document.getElementById("body");
body.appendChild(notify);
}
}
};
</script>
</html>
-------------------------------------------------
下圖為輸入正確示意圖
沒有留言:
張貼留言