form表单一些问题

1、input无法输入,可以尝试添加@change=''  使用 this.$fouceUpdate()跟新视图,,,如果无效可以考虑在data中的form对象中声明一下例如:form { name:'' } 能确保name能正常输入,出现无法输入原因不是很清楚,猜测是和校验有关系

2、input无法实时校验,怪自己手残,在  rules:{ vistiorType: [{ required: true, message: '访客类型不能为空', trigger: 'change' }] } ,的trigger中添加了blur,甚至导致校验功能失效

3、提交表单时候 this.$refs['form'].validate 并未触发,最后发现是由于自己自定义了 credentialNo: [{ required: false, validator: validcredentialNo, trigger: 'change' }], 身份证校验规则;;;主要是因为证件类型和证件号码判断确实比较乱,领导甚至要求填完身份证号码就要自动选择证件类型。。。。;点击提交未触发表单校验主要是因为自定义校验时候在某个判断少加了 callback(new Error('请输入正确身份证号码')),需要注意callback(new Error('请输入正确身份证号码'))或者直接callback()一定要在自定义的每一种情况下添加,可以类比与路由守卫router.beforeEach 中的next()/next({path: '/main'})

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
FORM表单是HTML中的一个元素,用于创建一个包含表单控件的区域,用户可以在该区域中输入或选择信息,然后将该信息提交到服务器进行处理。 一个基本的FORM表单通常包含以下几个组成部分: 1. FORM标签:用于定义一个表单 2. ACTION属性:指定表单提交的目标地址 3. METHOD属性:指定表单提交的方式(GET或POST) 4. INPUT标签:用于定义一个表单控件,如文本框、单选框、复选框等 5. SUBMIT按钮:用于提交表单 例如,以下是一个简单的FORM表单示例: ```html <form action="http://example.com/form.php" method="post"> <label for="name">姓名:</label> <input type="text" id="name" name="name"><br> <label for="gender">性别:</label> <input type="radio" id="male" name="gender" value="male"> <label for="male">男</label> <input type="radio" id="female" name="gender" value="female"> <label for="female">女</label><br> <label for="city">城市:</label> <select id="city" name="city"> <option value="beijing">北京</option> <option value="shanghai">上海</option> <option value="guangzhou">广州</option> </select><br> <input type="submit" value="提交"> </form> ``` 上述代码中,FORM标签的ACTION属性指定了表单提交的目标地址,METHOD属性指定了表单提交的方式为POST。其中包含了三个表单控件,一个文本框、两个单选框和一个下拉列表框,它们分别用INPUT和SELECT标签进行定义。最后通过一个SUBMIT按钮来提交表单。

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值