JQ的表单验证

(function () {
                $("#but").click(function () {
                    if ($("#name").val() == "" || $("#name").val() == "请输入您的真实姓名") {
                        alert("请输入患者姓名");
                        return false;
                    }
                    if ($("#tel").val() == "" || $("#tel").val() == "输入您的常用电话号码") {
                        alert("请输入电话号码");
                        return false;
                    }
                    if ($("#date").val() == "" || $("#date").val() == "点击选择就诊日期") {
                        alert("请输入就诊日期");
                        return false;
                    }
                    var tels = /^((\d{11})|^((\d{7,8})|(\d{4}|\d{3})-(\d{7,8})|(\d{4}|\d{3})-(\d{7,8})-(\d{4}|\d{3}|\d{2}|\d{1})|(\d{7,8})-(\d{4}|\d{3}|\d{2}|\d{1}))$)$/;
                    var pattern = /^[\u4E00-\u9FA5]{1,6}$/;
                    if (!pattern.test($(‘#name‘).val())) {
                        alert("正确的姓名!");
                        return false;
                    }
                    if (!tels.test($(‘#tel‘).val())) {
                        alert("请正确填写电话号码!");
                        return false;
                    }
                })
            })();
时间: 2024-08-14 12:03:31

JQ的表单验证的相关文章

jq form表单验证

<form action="" class="idxform1" onsubmit="return formyz('j_name','j_phone','j_em','j_content','j_code')"> <div class="ipt1 "><span>姓名</span><input type="text" class="j_name

jq实战-表单验证

作为学习的记录,放百年大家查看,废话不多说,直接上代码 html 结构: <form action="a.php" method="" class="form"> <div> <label for="username">用户名:</label> <input id="username" class="required" type=&q

jq中的表单验证插件------jquery.validate

今天我们来说一下表单验证,有人说我们在进行表单验证的时候使用正则来验证是非常麻烦的,现在我来给大家介绍一下表单验证的插件:jquery.validate.min.js 它是与jquery一起结合用来使用的,使用它是非常方便,只需写校验规则和错误字段即可. 我们常见的校验规则有以下几种: (1)required:true               必输字段(2)email:true                  必须输入正确格式的电子邮件(3)date:true               

登陆jq表单验证及jqcookie记住密码实例

<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-wid

模态框的理解 ,jQ: loading,进度条, 省级联动 ,富文本编辑器 表单验证 插件

模态框: 打开一个弹框 不关闭它就不能做框外的操作 必须关闭或弹出另外的弹框 加载延迟loading + 进度条只要有请求 就处理一下监控ajax 全局事件jquery: 开始     $('#box').ajaxStart() 多个ajax共享一个Start 发送 .ajaxSend() 成功 .ajaxSuccess() 完成 . ajaxComplete() 完成后有错误 .ajaxError() 停止 .ajaxStop()多个ajax共享一个Stop Nprogress:进度条引入 c

atittit.表单验证的实现方式以及原理本质以及选型以及自定义兼容easyui dsl规则的表单验证

atittit.表单验证的实现方式以及原理本质以及选型以及自定义兼容easyui dsl规则的表单验证 1. 需求,表单验证需要弹框式,但目前easyui ms绑定死了tooltip式样 1 2. 表单验证表现形式 1 2.1. 弹框 1 2.2. 浮动tooltip,推荐这个 1 3. 表单验证的实现原理 1 3.1. 定义reg 2 3.2. 解释 2 3.3. 调用提示... 2 4. 表单验证框架选型easyui>ligerui 2 4.1. ligerui的表单验证选型... 2 4.

angular js 表单验证

1 <!doctype html> 2 <html ng-app="myapp"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Document</title> 6 <style> 7 body{ 8 padding: 50px; 9 font-family: "微软雅黑"; 10 } 11 input{ 12 margi

表单 验证,手机 ,QQ,电子邮箱,数字,邮政编码,身份证,手机号 &amp; 电话

好吧写一个自己的表单验证,临时的. 后面还更新:现在依赖jq //表单验证 function testInput(o,attr,yfn,nfn,run){ var re = { 'age' :/^[^0]\d{0,2}$/, 'null' :/\s/, 'qq' : /^[1-9][0-9]{4,9}$/, //QQ 'email' : /^\[email protected][a-z0-9]+(\.[a-z]+){1,3}$/, //电子邮箱 'number': /^\d+$/, //数字 '

Day17 表单验证、滚动菜单、Django

一.表单验证的两种实现方式 1.DOM绑定 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>表单验证(DOM绑定)</title> <style> .item{ width: 250px; height: 60px; position: relative; } .item input{ wid