$(function() { $('body').css('color', 'red'); $('input[type="text"], input[type="password"]').on('focus', function() { $(this).css('border-color', 'lightblue'); }).on('blur', function() { $(this).css('border-color', 'gray'); }); $('#login-form').on('submit', function(event) { var userId = $('#user-id').val(); var password = $('#password').val(); var userIdRegex = /^[a-zA-Z]+$/; var passwordRegex = /^[0-9]{6}$/; var hasError = false; if (!userIdRegex.test(userId)) { $('#user-id-error').text('用户id只能是字母'); hasError = true; } else { $('#user-id-error').text(''); } if (!passwordRegex.test(password)) { $('#password-error').text('密码只能是6位纯数字'); hasError = true; } else { $('#password-error').text(''); } if (hasError) { event.preventDefault(); } }); });改到myJquery.js里面

可以将上述代码复制到myJquery.js文件中，然后在HTML文件中引入该文件即可使用。记得将代码包裹在$(document).ready()函数中，以确保页面加载完成后再执行代码。例如：

$(document).ready(function() {
  $('body').css('color', 'red');
  $('input[type="text"], input[type="password"]').on('focus', function() {
    $(this).css('border-color', 'lightblue');
  }).on('blur', function() {
    $(this).css('border-color', 'gray');
  });
  $('#login-form').on('submit', function(event) {
    var userId = $('#user-id').val();
    var password = $('#password').val();
    var userIdRegex = /^[a-zA-Z]+$/;
    var passwordRegex = /^[0-9]{6}$/;
    var hasError = false;
    if (!userIdRegex.test(userId)) {
      $('#user-id-error').text('用户id只能是字母');
      hasError = true;
    } else {
      $('#user-id-error').text('');
    }
    if (!passwordRegex.test(password)) {
      $('#password-error').text('密码只能是6位纯数字');
      hasError = true;
    } else {
      $('#password-error').text('');
    }
    if (hasError) {
      event.preventDefault();
    }
  });
});