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

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

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    element表单验证问题
    40
    0

    <el-row>

                    <el-col :span="12">
                        <el-form-item label="国籍" prop="nationality">
                            <el-radio-group v-model="ruleForm.nationality">
                                <el-radio label="1">中国</el-radio>
                                <el-radio label="2">其它</el-radio>
                            </el-radio-group>
                        </el-form-item>
                    </el-col>
                    <el-col :span="12">
                        <el-form-item prop="date1" label="其它" v-if="ruleForm.nationality==2">
                            <el-input v-model="ruleForm.nationalityOther"></el-input>
                        </el-form-item>
                    </el-col>
                </el-row>

    当选择其它选项的时候,后面的输入框是必填
    "nationality": [{ "required": true }, {

                    "validator": function (rule, value, callback) {
                   
                    }
                }]
                请问这个该怎么写呢?只能包装到一个对象里面吗?
    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • 狐狸 普通会员 1楼

      在HTML5中,表单验证是通过HTML5的内置属性

      等来实现的。如果用户提交表单时输入了错误的数据,或者没有进行必要的验证,就会出现一些问题。

      以下是一些常见的表单验证问题:

      1. 输入的不是有效的数字或字母:当用户在输入框中输入了非数字或非字母的字符时,就会出现这种问题。这可以通过使用正则表达式或其他验证库来解决。

      2. 输入的不是有效的日期或时间:当用户在输入框中输入了非日期或时间的字符时,就会出现这种问题。这可以通过使用正则表达式或其他验证库来解决。

      3. 输入的不是有效的邮箱地址:当用户在输入框中输入了非有效的邮箱地址时,就会出现这种问题。这可以通过使用正则表达式或其他验证库来解决。

      4. 验证用户是否为空:当用户在输入框中输入了空字符串或未定义的变量时,就会出现这种问题。这可以通过使用JavaScript或其他验证库来解决。

      5. 验证用户是否满足某些条件:当用户在输入框中输入了不符合某些条件的数据时,就会出现这种问题。这可以通过使用JavaScript或其他验证库来解决。

      6. 验证用户是否提交了表单:当用户没有提交表单时,就会出现这种问题。这可以通过在HTML5的标签中添加一个

      在使用表单验证时,需要根据具体的需求和场景来选择合适的方法和库。

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