在很多情况下,我们都需要登陆、注册等,如果输入的东西不符合要求,那么就会无法提交数据内容。
我们这次的界面设计里面用到了这个,觉得有用拿来看看。
<tr>
<td class="tableleft">序号</td>
<td><input type="text" name="videosName" placeholder="影厅序号" pattern="[0-9]" required autofocus/></td>
</tr>
这里的pattern里面是正则表达式规则,是在text里面输入符合规则的数据,这个简单的就是输入的数据必须是0到9数字。
<script type="text/javascript">
function Show() {
if (Manager.value == "") {
alert("内容为空")
}
}
</script>
<tr>
<td class="tableleft">管理者</td>
<td><input type="text" id="Manager" name="videosNumber"/></td>
</tr>
<button style="margin-left:5px;"type="submit" class="btn btn-primary" type="button" οnclick=Show() />保存</button>
这个是用到了jsp,在按钮里面加入了onclick()判断对应id的text里面值是否合格。
function checkEmpNo() {
var reg = /^[a-zA-Z0-9]{6,20}$/;
var emp_no = document.myform.emp_no;
if (!reg.test(emp_no.value)) {
document.getElementById("emp_no_tip").innerHTML = "<span class ='glyphicon glyphicon-warning-sign'>请输入大小写字母和数字,长度6-20位!";
emp_no.focus();
return false;
}
else {
document.getElementById("emp_no_tip").innerHTML = "<span class = 'glyphicon glyphicon-ok-circle'>";
return true;
}
}
如果要使用正则表达式的话,形式应该如这个。而这个也是用到了jsp里面的好些语法来。