<div class="col-md-6 wow fadeInRight"> <from action="#" method="post"> <div class="col-md-6"> <input type="text" class="form-control" placeholder="您的姓名"> </div> <div class="col-md-6"> <input type="email" class="form-control" placeholder="您的邮箱"> </div> <div class="col-md-12"> <input type="text" class="form-control" placeholder="标题"> </div> <div class="col-md-12"> <textarea class="form-control" rows="4" placeholder="请输入内容"></textarea> </div> <div class="col-md-8"> <input type="submit" class="form-control" value="提交"> </div> </from> </div>根据代码,用jQuery写一个简单邮箱输入格式信习
时间: 2023-07-02 14:16:25 浏览: 176
<div class="top">我的网页设计作业</div>
可以使用 jQuery 的事件绑定方法 `on()` 和 `submit()`,以及正则表达式来验证邮箱格式。代码如下:
```
$(document).ready(function() {
$('form').on('submit', function(e) {
// 取得邮箱输入框中的值
var email = $('input[type=email]').val();
// 定义邮箱格式匹配正则表达式
var re = /\S+@\S+\.\S+/;
// 判断邮箱格式是否正确
if (!email.match(re)) {
// 邮箱格式不正确,弹出提示框
alert('邮箱格式不正确!');
// 阻止表单提交
e.preventDefault();
}
});
});
```
将代码放在页面中对应的 `<script>` 标签中即可。
阅读全文