当页面提交时,执行相关JS函数检查输入是否合法

Posted insane

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了当页面提交时,执行相关JS函数检查输入是否合法相关的知识,希望对你有一定的参考价值。

当页面提交时,执行相关JS函数检查输入是否合法

关键代码

<form action="tj.php" method="post" onSubmit="return check()" name="free">

完整页面代码

<html>
    <head>
        <title>工作记录</title>
        <script LANGUAGE="javascript">
        function check()
        {
            if(document.free.date.value.length==0){
            alert("时间不能为空!");
            document.free.date.focus();
            return false;
            }
            if(document.free.addr.value.length==0){
            alert("地址不能为空!");
            document.free.addr.focus();
            return false;
            }
            if(document.free.content.value.length==0){
            alert("内容不能为空!");
            document.free.content.select();
            return false;
            }

        }
        </script>
    </head>
    
    <body>
    <div align="center">
        <h4>添加工作记录</h4>
        <form action="tj.php" method="post" onSubmit="return check()" name="free">
        <table border="0">
            <tr>
                <td>时间:</td>    <td><input type="text" name="date" value="<?php echo date(‘Y-m-d‘);?>" /></td>    <td>&nbsp;</td>
            </tr>
            <tr>
                <td>地点:</td>    <td><input type="text" name="addr" onMouseOver="this.focus()" /></td>    <td>&nbsp;</td>
            </tr>
            <tr>
                <td>手机:</td>    <td><input type="text" name="tel" /></td>    <td>&nbsp;</td>
            </tr>
            <tr>
                <td>内容:</td>    <td><input type="text" name="content" /></td>    <td>&nbsp;</td>
            </tr>
            <tr>
                <td>备注:</td>    <td><input type="text" name="ps" /></td>    <td>&nbsp;</td>
            </tr>
        </table>
        <input type="submit" value="提交"/><input type="reset" value="清空"/>
        </form>
    </div>
    <body>
</html>

 

以上是关于当页面提交时,执行相关JS函数检查输入是否合法的主要内容,如果未能解决你的问题,请参考以下文章

检测表单是否合法,为什么不能用n++的探讨

Web信息安全实践_2.5 JS语法基础

JS——表单校验

第一阶段:前端开发_使用JS完成注册页面表单校验

Vue.js写一个SPA登录页面的过程

Vue.js实现一个SPA登录页面的过程