Javascript基础表单验证

<script type="text/javascript" src="js/jquery-1.11.0.min.js"></script>
<script type="text/javascript">
    function checkForm(form) {
        if ($("#receivemobile").val() == "") {
            alert("收货人手机号码不能为空!");
            $("#receivemobile").focus();
            return false;
        }
        if ($("#receivemobile").val().length != 11) {
            alert("请输入正确的11位收货人手机号码!");
            $("#receivemobile").focus();
            return false;
        }
        var patrnmobile = /^1[3|4|5|8][0-9]\d{4,8}$/;
        if (!patrnmobile.exec($("#receivemobile").val())) {
            alert("请输入正确的收货人手机号码!");
            $("#receivemobile").focus();
            return false
        }
        var patrn = /^[0-9]*[1-9][0-9]*$/;
        if (!patrn.exec($("#count").val())) {
            alert("请输入正整数!");//不包括0
            $("#count").val("");//清空值
            $("#count").focus();
            return false;
        }
        if ($("#address").val().length < 1 || $("#address").val().length > 20) {
            alert("地址长度应在1-20之间!");
            $("#address").focus();
            return false;
        }
        if (form.email.value.match(/^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]+$/)==null) {//可以不是用id取的
            alert("请输入正确的邮箱!");
            return false;
        }
          //document.form.submit();//方法提交
          //$("#form").submit();//表单提交
          //window.location = "xxx.jsp";//跳转
          //window.location.reload();//重载 刷新
    }
</script>

<form action="addOrder" method="post" onsubmit="return checkForm(this)" name="form">
        receivemobile:<input type="text" name="receivemobile" id="receivemobile"><br>
        count:<input type="text" name="count" id="count"><br>
        email:<input type="text" name="email"><br>
        address:<input type="text" name="address" id="address"><br>
        <input type="submit" name="submit">
</form>

系统毫秒数(可做数据表的PK):

String timemillis = String.valueOf(System.currentTimeMillis())

<input type="text" name="orderid" id="orderid" class="text" value="<%=timemillis%>" readonly>

文本框提示输入:

<input type="text" name="xxcount" id="xxcount" value="1~9999" onfocus="javascript:if(this.value==‘1~9999‘)this.value=‘‘;"
onblur="javascript:if(this.value==‘‘||this.value==0)this.value=‘1~9999‘;">

jquery常见function定义:

$(function(){
$("#btnSubmit").click(function(){
$("#form").submit();
});
});

时间: 2024-10-11 07:39:05

Javascript基础表单验证的相关文章

用JavaScript进行表单验证

用户填写表单后提交,服务器端脚本会先验证数据,保证数据的正确性(比如数据是符合要求的内容.格式正确等)后再将数据交到数据库存储供以后使用.也可以在客户机上用JavaScript进行表单验证,比较快,用户操作效率较高.虽然用JavaScript进行表单验证有很多优点,不过有些用户可能会关闭浏览器JavaScript功能或者不支持JavaScript,因此在服务器端脚本的表单验证必不可少. 研究了<JavaScript基础教程 第九版>[美·Dori Smith,Tom Negrino] 一书中对

javaScript简单表单验证插件

 Validator = { Require : /.+/, Email : /^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/,     Phone : /^(0[1-9][0-9]{1,2}-[1-9][0-9]{6,7})$/, Mobile : /^((\(\d{3}\))|(\d{3}\-))?1[3,5,8]\d{9}$/, Url : /^http:\/\/[A-Za-z0-9]+\.[A-Za-z0-9]+[\/=\?%\-&_~`@[

第一百五十三节,封装库--JavaScript,表单验证--备注字数验证

封装库--JavaScript,表单验证--备注字数验证 效果图

JavaScript:基础表单验证

在用户填写表单的过程之中,往往需要编写一堆的验证操作,这样就可以保证提交的数据时正确的.那么下面就模拟表单验证的处理操作完成. 如果要想进行验证,首先针对于输入的数据来进行一个验证处理. 1.定义一个基础的表单(从标准来讲每一个元素都一定要存在有一个ID属性) <form action="pass.html" method="post" id="loginForm"> <!--在以后的开发过程之中,必须要保证id与name属性内

Javascript:表单验证(验证空值/邮箱格式)

代码整理自w3school:http://www.w3school.com.cn 效果图: 示例代码: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <meta http-equiv="Content-Type&quo

JavaScript 正则表单验证(用户名、密码、确认密码、手机号、座机号、身份证号)

1.关于JavaScript表单验证,如果使用双向绑定的前端js框架,会更容易的多.但是博主还是建议大家不要脱离源生js本身.因为源生js才是王道. 注意: a.代码中的错误提示可能会没有,在代码中找到 "错误.jpg"  图片,自己制作一个 b.验证的判断已经完成,只需要根据自己的验证规则进行表单验证,更换自己的正则表达式. c.博主将错误提示图片插入本文档中.需要更名为  "错误.jpg",放到与html根目录下方可使用.      (错误提示图片) <!

JavaScript实现表单验证

表单验证可以通过 JavaScript 来完成 以下示例代码用于判断表单字段(Name)值是否存在,如果存在,则弹出信息,否则阻止表单提交: 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>表单验证</title> 6 <script type="text/javasc

AngularJS入门基础——表单验证

<form name="form" novalidata> <label name="email">your email</label> <input type="email" name="email" ng-model="email" placeholder="Email Address"> </form> /*如下是朋友空间

PHP / JavaScript / jQuery 表单验证与处理总结: 第①部分 PHP 表单验证与处理

PHP VERSION = 5.3.10 一.关于 $_REQUEST PHP 文档关于 $_REQUEST 的说明: 说明 默认情况下包含了 $_GET,$_POST 和 $_COOKIE 的数组. 更新日志 版本 说明 5.3.0 引入 request_order.该指令会影响 $_REQUEST 的内容. 4.3.0 $_FILES 信息被从 $_REQUEST 中移除. 4.1.0 引入 $_REQUEST. 在 php 5.3 以上版本中,php.ini 中的 request_orde