S實現表單內容驗證、阻止表單提交(onsubmit)
阿新 • • 發佈:2018-12-10
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>