如何为DedeCMS自定义表单添加手机和电子邮件验证规则？

要给DedeCMS自定义表单加入手机和email验证规则，可以在表单提交的JavaScript代码中添加正则表达式验证。以下是一个简单的示例：，，“

javascript，function checkPhone() {，  var phone = document.getElementById("phone").value;，  var phoneReg = /^1[39]d{9}$/;，  if (!phoneReg.test(phone)) {，    alert("请输入正确的手机号");，    return false;，  }，}，，function checkEmail() {，  var email = document.getElementById("email").value;，  var emailReg = /^[w]+(.[w]+)*@[w]+(.[w]+)+$/;，  if (!emailReg.test(email)) {，    alert("请输入正确的邮箱地址");，    return false;，  }，}，，function submitForm() {，  if (checkPhone() && checkEmail()) {，    // 提交表单，  } else {，    return false;，  }，}，

`，，在HTML中，为手机和邮箱输入框分别添加id属性，如：，，`html，，，提交，“，，这样，在点击提交按钮时，会先进行手机号和邮箱的验证，如果验证不通过，会弹出提示信息，不会提交表单。

本文将介绍如何在DedeCMS的自定义表单中加入手机和邮箱验证规则，通过设置这些验证规则，可以确保用户提交的数据格式正确，从而提升网站的整体用户体验和数据质量，以下是具体的步骤和代码示例：

1. 修改表单模板文件

需要找到自定义表单的模板文件，通常是在/templets/plus/diyform.htm 路径下，在这个文件中，我们需要为手机号和邮箱字段添加相应的验证规则。

<form action="[你的表单提交URL]" method="post">
    <div class="formgroup">
        <label for="phone">手机号码</label>
        <input type="text" id="phone" name="phone" class="formcontrol" placeholder="请输入手机号码">
    </div>
    <div class="formgroup">
        <label for="email">电子邮件</label>
        <input type="text" id="email" name="email" class="formcontrol" placeholder="请输入电子邮件地址">
    </div>
    <! 其他字段 >
    <button type="submit" class="btn btnprimary">提交</button>
</form>

2. 添加前端JavaScript验证

为了增强用户体验，可以在前端使用JavaScript进行实时验证，可以使用正则表达式来匹配手机号和邮箱的格式。

document.addEventListener('DOMContentLoaded', function() {
    const phoneInput = document.getElementById('phone');
    const emailInput = document.getElementById('email');
    function validatePhone(value) {
        const phoneRegex = /^1[3456789]d{9}$/;
        return phoneRegex.test(value);
    }
    function validateEmail(value) {
        const emailRegex = /^[w]+(.[w]+)*@[w]+(.[w]+)+$/;
        return emailRegex.test(value);
    }
    phoneInput.addEventListener('input', function() {
        if (!validatePhone(this.value)) {
            this.setCustomValidity('请输入有效的手机号码');
        } else {
            this.setCustomValidity('');
        }
    });
    emailInput.addEventListener('input', function() {
        if (!validateEmail(this.value)) {
            this.setCustomValidity('请输入有效的电子邮件地址');
        } else {
            this.setCustomValidity('');
        }
    });
});

3. 后端验证（PHP）

除了前端验证外，还需要在后端进行验证以确保数据的有效性，可以在表单处理脚本中添加验证逻辑。

<?php
if ($_SERVER['REQUEST_METHOD'] == 'POST') {
    $phone = isset($_POST['phone']) ? trim($_POST['phone']) : '';
    $email = isset($_POST['email']) ? trim($_POST['email']) : '';
    if (!preg_match('/^1[3456789]d{9}$/', $phone)) {
        echo "请输入有效的手机号码";
        exit();
    }
    if (!filter_var($email, FILTER_VALIDATE_EMAIL)) {
        echo "请输入有效的电子邮件地址";
        exit();
    }
    // 保存数据到数据库等操作...
}
?>

4. 使用DedeCMS内置函数验证邮箱

DedeCMS提供了内置的邮箱验证函数，可以直接调用。

require_once("dedeajax.class.php"); // 引入DedeCMS核心类库
$dedeAjax = new DedeAjax(); // 实例化DedeAjax对象
if (!$dedeAjax>CheckEmail($email)) {
    echo "请输入有效的电子邮件地址";
    exit();
}

FAQs

问题一：如何确保用户输入的手机号码是有效的？

答：可以通过正则表达式来验证用户输入的手机号码，使用以下正则表达式可以匹配中国大陆的手机号码：/^1[3456789]d{9}$/，在前端JavaScript和后端PHP代码中都可以使用这个正则表达式进行验证。

问题二：DedeCMS内置的邮箱验证函数如何使用？

答：DedeCMS提供了内置的邮箱验证函数CheckEmail，可以通过引入dedeajax.class.php并实例化DedeAjax对象来调用这个函数。$dedeAjax>CheckEmail($email)，如果返回值为false，则表示邮箱格式不正确。

| | | | |

| 手机号码验证 | 验证输入是否为有效的手机号码 | 正则表达式：/^(13[09]|14[5|7]|15[03|59]|17[08]|18[09])d{8}$/ |preg_match('/^(13[09]|14[5|7]|15[03|59]|17[08]|18[09])d{8}$/', $mobile); |

| 邮箱地址验证 | 验证输入是否为有效的邮箱地址 | 正则表达式：/^[azAZ09._%+]+@[azAZ09.]+.[azAZ]{2,}$/ |preg_match('/^[azAZ09._%+]+@[azAZ09.]+.[azAZ]{2,}$/', $email); |

原创文章，作者：未希，如若转载，请注明出处：https://www.kdun.com/ask/1221181.html