当页面提交时，执行相关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>

原文地址：https://www.cnblogs.com/insane/p/12355426.html

时间： 2024-08-30 13:40:48

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

JS 函数 检验输入是否为数字类型，正整数

function isPositiveNum(s) { //是否为正整数 var re = /^[0-9]*[1-9][0-9]*$/; return re.test(s) } /*检测是否是数值*/ function MyisNumber(yz) { if (isNaN(yz)) { return false; } return true; } JS 函数 检验输入是否为数字类型,正整数

页面初始化时执行js方法

1.<script>      window.onload=function(){      alert("");     }    </script> 2.function ckCbo(){alert(""); }<body onload='ckCbo()'> jQuery页面加载初始化的3种方法 1.$(document).ready(function(){     alert("方法1.");     

QQ邮箱中，获取页面高度或宽度的Js函数

<script type="text/javascript"> var getScreen = function (name) { var elem = document; return Math.max( elem.documentElement["client" + name], elem.body["scroll" + name], elem.documentElement["scroll" + name],

ajax提交数据，回调函数不执行或总是执行error回调函数的问题

jsp页面: <form id="itemAddForm" class="itemForm" method="post"> <div id="tab1" class="tabcontent"> <div class="form"> <div class="form_row"> <label><b>

Lua中编译执行代码相关的函数以及机制

可以说Lua之所以称为是一种解释型的语言,正是因为有诸如load这样的函数,因为这样的函数使得Lua可以执行动态生成的代码.下面具体来分析这些函数.   load函数 load函数原型如下: load (chunk [, chunkname [, mode [, env]]]) 该函数加载一个chunk,如果没有错误,则返回一个函数.如果传入chunk的值是一个字符串,则就加载这个字符串:如果传入chunk的值是一个函数,则这个函数必须返回一个字符串,并且load会一直调用这个函数,直到这个函数

[转]jQuery.validate插件在失去焦点时执行验证代码

转:http://my.oschina.net/enyo/blog/311566 关于 jquery.validate.js 表单验证插件如何在失去焦点时做验证.看手册后发现默认是在表单提交时执行验证代码. 手册中提到使用 onfocusout:false 来解决失去焦点时验证的参数功能,但是经测试无效果. 可以使用函数手工验证: 1 $("#signupForm").validate({ 2 onfocusout: function(element){ 3 $(element).va

jQuery.validate插件在失去焦点时执行验证代码

关于 jquery.validate.js 表单验证插件如何在失去焦点时做验证.看手册后发现默认是在表单提交时执行验证代码. 手册中提到使用 onfocusout:false 来解决失去焦点时验证的参数功能,但是经测试无效果. 可以使用函数手工验证: $("#signupForm").validate({ onfocusout: function(element){ $(element).valid(); } });

子页面提交后刷新父页面问题

在弹出的子页面在做新增和修改操作时, 有时要对父页面进行刷新操作, 可以关闭子页面后刷新父页面, 也可以不关闭子页面刷新父页面,在网上查到了方法, 在这里记一下,方便以后的学习查找. 一. 弹出子页面关闭刷新父页面: 在父页面js中回调window.opener.location.reload(); <script language=JavaScript> window.opener.location.reload(); </script> 二. 不关闭子页面刷新父页面: 在子页面

Linux中与环境变量相关的函数

1.在终端可以通过env.set命令查看当前的环境变量 2.通过main函数中的第三个参数可以得到当前进程的环境变量列表 int main(int argc , char *argv[] , char *env[]); 其中argv和env是一个指针数组,数组的最后一个元素为NULL 3.打印当前进程的环境变量 int main(int argc , char *argv[] , char *env[]){ char **p = env; while(*p){ printf("%s\n"