jquery第十天练习

今天我们来进行jQuery的第十天练习，主要练习内容是表单验证。 首先，我们在HTML中设置一个表单：

<form id="form">
  <label for="username">用户名:</label>
  <input type="text" id="username">

  <label for="password">密码:</label>
  <input type="password" id="password">

  <label for="repeat-password">确认密码:</label>
  <input type="password" id="repeat-password">

  <label for="email">邮箱:</label>
  <input type="text" id="email">

  <input type="submit" value="提交">
</form>

接下来，我们使用jQuery来进行表单验证：

$(document).ready(function(){
  $("#form").submit(function(event){
    // 阻止表单提交
    event.preventDefault();

    // 获取表单数据
    var username = $("#username").val();
    var password = $("#password").val();
    var repeatPassword = $("#repeat-password").val();
    var email = $("#email").val();

    // 验证表单数据
    if(username.length 

以上代码主要使用了jQuery的阻止表单提交方法`event.preventDefault()`，获取表单数据方法`$().val()`，正则表达式匹配方法`/^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/`，以及提交表单方法`$().submit()`等。

通过以上的练习，我们成功地实现了表单验证的功能。