From表单邮箱后缀提示

内容

<Col xs={8} sm={16} md={12}><FormItem label="邮箱">{getFieldDecorator('email',{rules: [{ required: true, message: '请填写邮箱'},{ pattern: /^[a-zA-Z0-9_-]+@[a-zA-Z0-9_-]+(\.[a-zA-Z0-9_-]+)+$/, message: '请输入正确的邮箱'},{whitespace: true}]})(<AutoCompletedataSource={dataSource}onChange={this.handleChange}// 后缀方法placeholder="Email"/>)}</FormItem>
</Col>

后缀方法

  handleChange = value => {this.setState({dataSource:!value || value.indexOf('@') >= 0? []: [`${value}@vendetech.com`,`${value}@gmail.com`, `${value}@163.com`, `${value}@qq.com`],});};

From表单邮箱后缀提示相关推荐

Fort.js – 时尚、现代的表单填写进度提示效果
Fort.js 是一款用于时尚.现代的表单填写进度提示效果的 JavaScript 库,你需要做的就是添加表单,剩下的任务就交给 Fort.js 算法了,使用非常简单.提供了Default.Gradi ...
表单文本框提示字符点击时清空
表单文本框提示字符点击时清空(input标签onfocus时文本框内提示信息清空) 作用是,一个文本框,需要输入内容,在没有输入的时候里面有一段提示内容,当点击这个文本框输入的时候,文本框内的内容自动 ...
angularjs 表单校验指令_angular4.0的模板式表单、响应式表单及其错误提示
模板式表单 NgForm.NgModel.NgModelGroup是FormModule里的内容,NgForm会自动拦截标准的表单处理事件(eg.提交),angular用ngSubmit代替标准的表单 ...
selenium定位H5表单验证的提示语
selenium定位H5表单验证的提示语前端代码,1.html <!DOCTYPE html> <html lang="en"> <head> ...
html表单框内文字点击消失,jQuery 使用label实现点击表单input，提示文字消失的示例...
感兴趣的小伙伴,下面一起跟随512笔记的小编罗X来看看吧. 很多网站在填写表单的时候,都可以看到这样一种UI,input[type=text]里面有提示的文字,当鼠标点进去之后提示文字就消失了.以前做 ...
HTML5中将中文表单验证默认提示语句改为英文！
js代码: function checkEmail(){var email=document.getElementById("eject_email");if(email.valu ...
Html页面元素对不齐,表单元素与提示文字无法对齐的问题
最近的项目涉及到很多表单的制作,特别是复选框(checkbox)和单选框(radio).但是在前端开发过程中发现,单(复)选框和它们后面的提示文字在不进行任何设置的情况下,是无法对齐的,而且在Fire ...
表单验证失败提示方案（自用）
方案动态计算定位,fixed于失败项附近,并定时消失,多个提示一同显示. 遇到问题当表单处于dialog中,并且表单高度大于dialog高度,验证失败项又刚好在被overflow隐藏的部分,需要对 ...
html在表单左上角显示文字,js+css实现增加表单可用性之提示文字
平常设计表单的时候,我们会加入一些提示文字,比如说在搜索框里,我们会提示"请输入关键字",并在搜索框得到焦点和失去焦点的时候适时的隐藏和显示,最常见的做法是利用value来设置: ...
jQuery表单验证气泡提示插件
下载地址表单验证jQuery插件提示用验证元素右侧气泡的形式,很容易使用和灵活的结构也很实用. dd:

From表单邮箱后缀提示

From表单邮箱后缀提示相关推荐

最新文章

热门文章