Laravel  
laravel
文档
数据库
架构
入门
php技术
    
Laravelphp
laravel / php / java / vue / mysql / linux / python / javascript / html / css / c++ / c#

js validate

作者:我在坚强也需要有人疼   发布日期:2025-10-04   浏览:49

// 这是一个简单的 JavaScript 表单验证示例

function validateForm() {
    // 获取表单字段的值
    let name = document.forms["myForm"]["name"].value;
    let email = document.forms["myForm"]["email"].value;

    // 检查姓名是否为空
    if (name === "") {
        alert("姓名不能为空");
        return false;
    }

    // 检查电子邮件格式是否正确
    let emailPattern = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
    if (!email.match(emailPattern)) {
        alert("请输入有效的电子邮件地址");
        return false;
    }

    // 如果所有验证都通过,返回 true 提交表单
    return true;
}

解释说明:

  1. 获取表单字段的值:通过 document.forms 获取表单元素,并提取其中的 nameemail 字段的值。
  2. 检查姓名是否为空:如果 name 为空,则弹出提示框并阻止表单提交。
  3. 检查电子邮件格式:使用正则表达式 emailPattern 来验证电子邮件格式是否正确。如果不匹配,则弹出提示框并阻止表单提交。
  4. 返回结果:如果所有验证都通过,则返回 true,允许表单提交;否则返回 false,阻止表单提交。

这个函数可以绑定到表单的 onsubmit 事件上,以确保在提交表单之前进行验证。

上一篇:three.js webgpu

下一篇:js 浮点数

大家都在看

js 数组对象排序

js 数组删掉第一个值

js fill

js 数组连接

js json数组

js 数组复制

js 复制数组

js 数组拷贝

js 对象数组合并

js 对象转数组

Laravel PHP 深圳智简公司。版权所有©2023-2043 LaravelPHP 粤ICP备2021048745号-3

Laravel 中文站