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;

}

})