20、表单验证、字符串处理与服务器端程序交互

表单验证、字符串处理与服务器端程序交互

1. 表单验证基础

表单验证在网页开发中至关重要，它能确保用户输入的数据符合要求。以一个包含姓名、州选择和性别单选框的表单为例，当用户点击“Submit me!”按钮时，会调用 checkMandatory() 函数进行验证。

• 验证流程 ：

  • 若存在空的表单元素，会弹出警告框提示用户需要填写的内容。
  • checkMandatory() 函数会检查每个表单元素，若用户未填写某个元素，会将描述错误的短语添加到 error_string 变量中。
  • 若所有字段都已填写，函数返回 true ；若有缺失，返回 false 。
  • 若函数返回 false ，脚本会将变量 the_result 设为 false ，浏览器不会提交表单。

• 具体元素检查 ：

  • 文本字段和可滚动列表 ：检查姓名字段是否有内容，若没有则添加提示信息到 error_string 。检查可滚动列表，若用户未选择州， selectedIndex 为 -1，此时添加相