简单注册表单验证

一、用正则表达式写的简单的注册验证,具体要求如下:

用户注册验证(用户名,密码,昵称,中文名字,手机号,邮箱)所有信息符合以下条件才允许注册:

1.用户名格式:由字母数字下划线组成且开头必须是字母,不能超过16位;

2.密码格式:字母和数字构成,不能超过16位;

3.昵称:字母和数字构成长度大于6小于10;

4.手机号:全数字,长度为11位;

5.邮箱:必须包含@符号;必须包含点;点和@之间必须有字符;

所有信息符合上述条件才允许注册。

二、代码如下:

package com.lgl.day02;

import java.util.Scanner;
import java.util.regex.Matcher;
import java.util.regex.Pattern;

public class StringCheck {

    public static void main(String[] args) {

        Pattern p = null;
        Matcher m = null;
        boolean flg = true;
        Scanner sc = new Scanner(System.in);

        System.out.println("------用户注册------");
        //匹配用户名
        System.out.println("用户名:   ---(由字母数字下划线组成且开头必须是字母,不能超过16位)");
        String name = sc.nextLine();
        p = Pattern.compile("[a-zA-Z]{1}[a-zA-Z0-9_]{1,15}");
        m = p.matcher(name);
        flg = m.matches();

        //匹配密码
        System.out.println("密码:---(字母和数字构成,不能超过16位)");
        String pass = sc.nextLine();
        p = Pattern.compile("[a-zA-Z0-9]{1,16}");
        m = p.matcher(pass);
        flg = m.matches();

        //匹配昵称
        System.out.println("昵称:   ---(字母和数字构成长度大于6小于10) ");
        String nicheng = sc.nextLine();
        p = Pattern.compile("[a-zA-Z0-9]{7,9}");
        m = p.matcher(nicheng);
        flg = m.matches();

        //匹配手机号
        System.out.println("手机号:   ---(全数字,长度为11位)");
        String phone = sc.nextLine();
        p = Pattern.compile("[0-9]{11}");
        m = p.matcher(phone);
        flg = m.matches();

        //匹配邮箱
        System.out.println("邮箱:   ---(必须包含@符号;必须包含点;点和@之间必须有字符)");
        String email = sc.nextLine();
        p = Pattern.compile("[@]{1}[a-zA-Z0-9]+[.]+[a-z]+");
        m = p.matcher(email);
        flg = m.matches();

        if(flg) {
            System.out.println("注册成功");
        } else {
            System.out.println("信息填写不正确!");
        }


        sc.close();

    }

}
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
好的,我可以为您提供一个简单的 Vue 注册表单验证的例子。这个例子包含了三个表单字段:用户名、邮箱和密码。以下是代码: ``` <template> <div> <form> <div> <label>用户名</label> <input type="text" v-model="username" /> <div v-if="errors.username" class="error">{{ errors.username }}</div> </div> <div> <label>邮箱</label> <input type="email" v-model="email" /> <div v-if="errors.email" class="error">{{ errors.email }}</div> </div> <div> <label>密码</label> <input type="password" v-model="password" /> <div v-if="errors.password" class="error">{{ errors.password }}</div> </div> <button type="submit" @click.prevent="submitForm">注册</button> </form> </div> </template> <script> export default { data() { return { username: '', email: '', password: '', errors: {}, }; }, methods: { validateForm() { this.errors = {}; if (!this.username) { this.errors.username = '用户名不能为空'; } if (!this.email) { this.errors.email = '邮箱不能为空'; } else if (!this.validEmail(this.email)) { this.errors.email = '请输入正确的邮箱地址'; } if (!this.password) { this.errors.password = '密码不能为空'; } else if (this.password.length < 6) { this.errors.password = '密码长度不能少于6'; } return Object.keys(this.errors).length === 0; }, validEmail(email) { const re = /\S+@\S+\.\S+/; return re.test(email); }, submitForm() { if (this.validateForm()) { alert('注册成功!'); } }, }, }; </script> <style> .error { color: red; } </style> ``` 这个例子中,我们使用了 `v-model` 指令来绑定表单字段的值。我们在 `data()` 方法中定义了三个变量来存储这些值,以及一个 `errors` 对象来存储表单验证的错误信息。当用户提交表单时,我们调用了 `submitForm()` 方法,该方法会调用 `validateForm()` 方法进行表单验证。如果表单验证通过,则会弹出一个成功的提示框。 在 `validateForm()` 方法中,我们首先清空了 `errors` 对象。然后,我们对每个表单字段进行了验证。如果验证失败,则将错误信息存储到 `errors` 对象中。最后,我们通过检查 `errors` 对象是否为空来确定表单是否验证通过。 在模板中,我们使用了 `v-if` 指令来根据表单验证的结果来显示或隐藏错误信息。我们还定义了一些样式来使错误信息以红色显示。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值