你可以在前边加,后边的话好像没有现成的,
前边加的代码:
<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" 】即可达到必填功能和提示效果,结果如图:
看了你的问题,我有几点意见1、建议你以后创建html元素的时候,name属性和id属性尽量保持一致,除非特殊情况,这个是编码规范
2、写代码的时候尽量写全,比如你的id="times/>(1~10)这里少了一个上引号,如果别人写的代码总是这样马虎,让你改,你要疯掉的
3、按照你的意思是想用一个选择框来控制文本的输入,这里有2种方案的,第一种是用1个checkbox比你上面用2个radio要实用很多,很多时候要考虑合理性和客户体验;如果你想选不同的radio,而要用户做不同的事情,比如选几种情况需要填几种不同的内容就用radiogroup来做
代码如下:
<h3>使用checkbox<h3/>
<div>是否测试:<input type="checkbox" name="test" id="test" checked="checked" /></div>
<div><input type="text" name="times" id="times" /></div>
<div><input type="button" value="提交" onclick="checkdata()"/></div>
<h3>使用radiobox<h3/>
<div>是否测试:<input type="radio" name="A1" id="A1" value="1" checked/>是 <input type="radio" name="A1" id="A1" value="2" />否</div>
<div><input type="text" name="testb" id="testb" /></div>
<div><input type="button" value="提交" onclick="checkradio()"/></div>
<script language="javascript">
<!--
function checkdata() {
if (test.checked &&times.value=="") {
alert("文本框必须输入")
}
}
function checkradio() {
for(i=0i<A1.lengthi++) {
if(A1[i].checked==true &&A1[i].value==1) {
alert("文本框必须输入")
return
}
}
}
//-->
</script>