js文本框设置必填项_JS校验表单必填项

JS校验一个逻辑：通过js获取文本框的值，去判断，当值为空的时候将提示文案的div的class添加hide属性，false,否则移除hide属性，true,触发提交

简单写个示例：

HTML部分：

用户名

必填

JS部分：

$(function () {

$(":submit").click(function (e) {

e.preventDefault();

if (boolInfo()) {

$('.add-hr-info').submit();

}

})

function boolInfo() {

var bool = false;

// 用户名

if ($('[name=username]').val()) {

bool = true;

$('[name=username]').next().addClass('hide');

} else {

bool = false;

$('[name=username]').next().removeClass('hide');

}

return bool;

}

})

js文本框设置必填项_JS校验表单必填项相关推荐

js文本框设置必填项_Jquery文本框小例（必填框）
//当光标离开文本框的时候如果文本框为空,则将文本框边框色设置为红色,如果不为空则为白色.提示:焦点进入控件的事件是focus或者mousedown,焦点离开控件的事件是blur. $(functio ...
html5 表单必填项,javascript - HTML5表单必填属性。设置自定义验证消息？
javascript - HTML5表单必填属性. 设置自定义验证消息? 我有以下HTML5表格:[http://jsfiddle.net/nfgfP/] ***** 目前当我在空白时点击输入时,会出 ...
html前台多文本框布局,网页前端（5）表单及表格
表单的基本设置表单现实生活中的表单是用来提交信息的,比如:办理银行卡填写的申请表.找工作填写的简历.入学时填写的个人信息表.这些都是表单的一种. 网页中的表单是用来向服务器提交信息的, 我们最 ...
html文本框获取表格内容,html表格、表单
知识点一:表格 1.表格标签 table 2.表格的组成行 tr 单元格 td 3.建立表格步骤 1.建立表格, 2.判断行数和列数 3.用行去包含单元格 4.在每个单元格中去添加内容 4. ...
如何设置dedecms自定义表单必填项？
用dedecms自定义表单可以制作一个简单的预约系统,有些相关信息需要设置为必填项,比如联系方式,没有留下真实的电话或其他信息,以后要怎么联系到你的客户.那我们要如何设置织梦cms自定义表单必填项呢? ...
ExtJS4为form表单必填项添加红色*标识
通常情况下,ExtJS4的form表单必填项在输入状态下会有特殊提示,非输入状态下,显示却和其他项没有任何区别.为使必填项更加容易区分,我们需要根据allowBlank的属性值,为form表单中的必填 ...
input文本框设置和移除默认值
input文本框设置和移除默认值这里想实现的效果是:设置和移除文本框默认值,如下图鼠标放到文本框中的时候,灰字消失. 1.可以用简单的方式,就是给input文本框加上onfocus属性,如下代码: ...
Qt 多文本框设置行距和
Qt 多文本框设置行距和间距在这里插入代码片 QTextDocument *document = ui->textEdit->document(); //获取文档对象 QTextFrame ...
html文本框怎么写表情,js文本框插入表情支持解析代码
特效描述:js文本框插入表情支持解析代码.js文本框点击选择插入表情,支持代码解析输出. 代码结构 1. 引入CSS 2. 引入JS 3. HTML代码 easyEditor @某某获取内容Ht ...
input文本框设置不可编辑方法和HTML5 新的 Input 类型
input文本框设置不可编辑的3种方法: disabled 属性规定应该禁用 input 元素,被禁用的 input 元素,不可编辑,不可复制,不可选择,不能接收焦点,后台也不会接收到传值.设置后文字 ...

js文本框设置必填项_JS校验表单必填项

js文本框设置必填项_JS校验表单必填项相关推荐

最新文章

热门文章