html的判断文本框内容举例

在很多情况下，我们都需要登陆、注册等，如果输入的东西不符合要求，那么就会无法提交数据内容。

我们这次的界面设计里面用到了这个，觉得有用拿来看看。

 <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里面的好些语法来。