在HTML中，你可以使用正则表达式来校验手机号。以下是一个简单的例子，展示了如何在HTML表单中使用JavaScript进行手机号校验。假设我们使用的是中国的手机号格式，其通常是以1开头，然后是10位数字。
HTML部分：
<!DOCTYPE html>
<html>
<head>
<title>手机号校验</title>
</head>
<body>
<form id="myForm">
<label for="phone">手机号：</label><br>
<input type="text" id="phone" name="phone" pattern="^1[3-9]d{9}$"><br> <!-- HTML5自带的pattern属性 -->
<input type="submit" value="提交"> <!-- 当点击提交时触发JavaScript函数 -->
</form>
<script src="https://www.qq959.com/static/image/lazy.gif" class="lazy" original="https://www.qq959.com/static/image/nopic320.png" <!-- 引入JavaScript文件 -->
</body>
</html>JavaScript部分（validation.js）：
document.getElementById(’myForm’).addEventListener(’submit’, function(event) { // 当表单提交时触发此事件
var phoneInput = document.getElementById(’phone’); // 获取手机号输入框元素
var phoneValue = phoneInput.value; // 获取输入框中的值（即用户输入的手机号）
var phonePattern = /^1[3-9]d{9}$/; // 定义手机号正则表达式模式
if (!phonePattern.test(phoneValue)) { // 如果手机号不符合模式，阻止表单提交并显示错误信息
alert(’手机号格式不正确！’);
event.preventDefault(); // 阻止表单提交默认行为（即刷新页面）
phoneInput.focus(); // 将焦点重新定位到手机号输入框，让用户可以立即修改错误
} else { // 如果手机号符合模式，允许表单提交（发送到服务器）... 这里可以根据实际需求添加代码。
// ...表单提交逻辑...
}
});虽然这种方法可以在前端进行基本的手机号校验，但后端校验仍然是非常必要的，因为前端校验可以被绕过，在后端，你应该再次验证用户输入的手机号的格式和内容是否正确。
