JS校验表单必填项

2018/03/09 15:00
阅读数 137
JS校验一个逻辑:  通过js获取文本框的值,去判断,当值为空的时候将提示文案的div的class添加hide属性,false,否则移除hide属性,true,触发提交





简单写个示例:
HTML部分:

<div class="form-group">
<label for="" class="col-sm-2 control-label">用户名</label>
<div class="col-sm-10">
<input type="text" class="form-control" name="username" value="{{$hrInfo->username or old('username')}}" placeholder="请输入用户名">

<div class="error-message hide">
<span class="text-denger" style="color: red">必填</span>
</div>
</div>
</div>

JS部分:
<script>
$(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;

}
})

</script>


展开阅读全文
打赏
0
0 收藏
分享
加载中
更多评论
打赏
0 评论
0 收藏
0
分享
返回顶部
顶部