layui.js怎么在文本框后面添加必填的*符号

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了layui.js怎么在文本框后面添加必填的*符号相关的知识,希望对你有一定的参考价值。

你可以在前边加,后边的话好像没有现成的,

前边加的代码:

<div class="layui-form-item">
<label class="layui-form-label required">标题</label>
<div class="layui-input-block">
<input type="text" name="title" id="title" autocomplete="off"
lay-verType="tips" placeholder="请输入标题" lay-verify="required"  class="layui-input" />
</div>
</div>

在label的class中加入【required】标签 ,然后在他输入框中加入【lay-verify="required" 】即可达到必填功能和提示效果,结果如图:

参考技术A

label-required-prev 
在前加入*号

参考技术B 使用伪元素
textarea::after
content:'*';

position:absolute;

right:-10px;

top:0;

color:red;


思路大概是这样本回答被提问者和网友采纳

如何在html网页中设置文本框为必填?

我的文本域是这样定义的
<html:textarea property="tokenNote" cols="60" rows="3" />
使用的是struts-html标签库。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script type="text/javascript">
function a()
var a=document.getElementById("a").value;
if(a=="")
alert("必填项,请重新输入");
return false;


</script>
</head>
<body>
<textarea id="a" cols="60" rows="3" ></textarea>
<input type="submit" property="tokenNote" value="submit" onclick="a()" />
</body>
</html>
我给你上传到一个简单的网页,用的JS,你参考一下吧,追问

因为在程序中tokenNote是一个字段,我想问一下如果这样修改的话对于取值传值是否有影响?

追答

可以传值,没问题

参考技术A 用JS 判断就行了,服务器语言也有判断,,有的浏览器禁用JS了,判断就失效了,所以服务器端也要判断一次 参考技术B js判断文本框是否为空 参考技术C 写JS验证啊追问

请问怎么写,代码可否告知。

以上是关于layui.js怎么在文本框后面添加必填的*符号的主要内容,如果未能解决你的问题,请参考以下文章

easyui 如何设置文本框必填 ;而且后面红色星号

php 文本域

js中文本框由必填变为非必填

easyui如何修改指定必填项下拉文本框边框的颜色?

在 html 文本框中设置键盘插入符号位置

qq邮箱怎么进行性能测试