HTML 留言表单验证：姓名、邮箱、留言必填
<html>/n<head>/n <title>HTML 留言表单验证</title>/n <script>/n function validateForm() {/n var name = document.forms[/'messageForm/'][/'name/'].value;/n var email = document.forms[/'messageForm/'][/'email/'].value;/n var message = document.forms[/'messageForm/'][/'message/'].value;/n /n // 验证姓名不能为空/n if (name == /'/') {/n alert('姓名不能为空');/n return false;/n }/n /n // 验证邮箱不能为空/n if (email == /'/') {/n alert('邮箱不能为空');/n return false;/n }/n /n // 验证邮箱格式是否正确/n var emailPattern = /^[^/s@]+@[^/s@]+/.[^/s@]+$/;/n if (!emailPattern.test(email)) {/n alert('邮箱格式不正确');/n return false;/n }/n /n // 验证留言不能为空/n if (message == /'/') {/n alert('留言不能为空');/n return false;/n }/n }/n </script>/n</head>/n<body>/n <h1>留言表单</h1>/n <form name=/'messageForm/' onsubmit=/'return validateForm()/' method=/'post/'>/n <label for=/'name/'>姓名：</label>/n <input type=/'text/' id=/'name/' name=/'name/' required><br><br>/n /n <label for=/'email/'>邮箱：</label>/n <input type=/'text/' id=/'email/' name=/'email/' required><br><br>/n /n <label for=/'message/'>留言：</label><br>/n <textarea id=/'message/' name=/'message/' rows=/'4/' cols=/'50/' required></textarea><br><br>/n /n <input type=/'submit/' value=/'提交/'>/n </form>/n</body>/n</html>/n
原文地址: https://www.cveoy.top/t/topic/ZMc 著作权归作者所有。请勿转载和采集!