<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写一个简单邮箱输入格式信习

可以使用 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>` 标签中即可。

相关问题

div class="col-md-6 wow fadeInRight"> <from action="#" method="post"> 根据代码写jqurry 提交事件 <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 代码：

$(document).ready(function(){
   $("form").submit(function(){
      var name = $("input[type='text']").val();
      var email = $("input[type='email']").val();
      var title = $("input[placeholder='标题']").val();
      var content = $("textarea").val();
      // 这里可以将上述获取到的值通过 AJAX 发送到后端服务器
      return false; // 防止表单刷新页面
   });
});

当用户点击表单中的提交按钮时，jQuery 将会获取表单中各个输入框的值，然后可以通过 AJAX 发送到后端服务器进行处理。在这个例子中，jQuery 使用了 `submit()` 方法来监听表单提交事件，并使用了 `val()` 方法获取输入框的值。最后，通过 `return false` 来防止表单默认的提交行为（刷新页面）。