JavaScript Form Validation 送出表單前的檢查確認

一般文字欄位填寫檢查

在 </head> 前貼上以下語法

<script>
function FormCheck() {
    if(document.getElementById("Name").value == "") {
        alert("Please enter this field");
        document.getElementById("Name").focus();
        return false;
    }
return true;
</script>

綠色字就是該文字欄位的 name 或 id，要檢查有沒有寫錯。
藍色字是未填寫所跳出的警告。

在 <form> 標籤內貼上這串語法

onSubmit="return FormCheck();"

EMail 格式檢查 (username@hostname.com)

<script>將以下語法貼在這裡</script>

    var e = document.getElementById("EMail").value;
    if(e != "" && !(/(\S)+[@]{1}(\S)+[.]{1}(\w)+/.test(e))){
                alert("Please enter correct Email address.");
                document.getElementById("EMail").focus();
        return false;
    }

只允許輸入數字 (0-9)

<script>將以下語法貼在這裡</script>

var n = /^\d+$/;
var p = document.getElementById("Phone");
if (p.value!="" && !n.test(p.value)) {
    alert("Please enter correct number.");
p.focus();
    return false;
}