1. 程式人生 > >S實現表單內容驗證、阻止表單提交(onsubmit)

S實現表單內容驗證、阻止表單提交(onsubmit)

onsubmit屬性只在 <form> 表單中使用。  onsubmit事件是當表單提交時進行相關JS操作的一個事件。  onsubmit事件會在表單中的確認按鈕被點選時發生。當該事件觸發的函式中返回false時,表單就不會被提交。

<!DOCTYPE html>
<html>
<head>
    <title>onSubmit</title>
    <script type="text/javascript">
        function check(){//function check(f)對應下面程式中的this。f代表表單資訊
            //var e = f.email.value;
            var e = document.myform.email.value;//可以直接用document獲取表單指定內容
            //document.write(e); 
            if(!/^\
[email protected]
\w+.\w+$/.test(e)){//JS中正則表示式的test方法用來驗證是否與該正則表示式匹配,匹配就返回true,不匹配就返回false alert("輸入格式不正確"); f.email.focus();//將焦點定位到email框 f.email.select();//選中框內全部內容 return false; } return true; } </script> </head> <body> <form action="" method="post" name="myform" onsubmit="return check()"> <!--<form action="" method="post" name="myform" onsubmit="return check(this)">this就表示該表單--> EMAIL:<input type="text" name="email"> <input type="submit" value="提交"> </form> </body> </html>