账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    react ant design mobile中自带验证不能验证空格吗
    52
    0
    {...getFieldProps('key',{
                       rules: [
                              { required: true, message: '不能为空' },
                                     // { validator: this.validateKey },
                              ],
     })}

    只输入空格也通过了,如何解决啊

    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • 溺死在爱情海的鱼 普通会员 1楼

      在React Ant Design Mobile中,可以通过使用useForm组件和validate方法来实现自定义的验证。在这个方法中,你可以使用正则表达式来验证字符串中的空格。以下是一个简单的示例:

      ```jsx import { useForm } from 'react-hook-form';

      const MyForm = () => { const { register, handleSubmit } = useForm();

      const onSubmit = async (values) => { // 这里只是一个示例,你需要替换为你的实际业务逻辑 const result = values.value; console.log(result); };

      return (

      ); }; ```

      在这个示例中,register方法用于注册表单项,handleSubmit方法用于处理表单提交。required属性用于在用户未填写某些字段时显示错误消息。在上面的示例中,我们使用了正则表达式/^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/来验证电子邮件地址的格式。这将验证电子邮件地址是否以字母、数字、点、百分号、加号、减号和点开头,以@符号开始,以字母、数字、点、减号和点结束,以及顶级域名。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部