表单正则验证简便方法

<form action="/swt/" method="" name="gh_form" onSubmit="javascript:return check();">
    <p>
        <label>就诊姓名:</label>
        <input type="text" name="name" placeholder="请输入您的姓名" class="input" />
    </p>
    <p>
        <label>就诊日期:</label>
        <input type="date" name="date" placeholder="年/月/日" class="input"/>
    </p>
    <p>
        <label>联系方式:</label>
        <input type="text" name="phone" placeholder="请输入您的手机号码" class="input" id="phone_1" maxlength="11"/>
        <a href="tel:0756-8592828" id="phone">免费电话</a>
    </p>
    <p>
        <label id="ms">病情描述:</label>
        <textarea name="description" id="des" class="ms" placeholder="例如:脸上痘痘很多…"></textarea>
    </p>
    <p>
        <input type="submit" value="提交挂号信息" id="submit" />
    </p>
</form>

<script>
     function check() {
        var re=/[\u4E00-\u9FA5]/g;
        if(document.gh_form.name.value==‘‘){
            alert(‘请填写姓名!‘);return false;
        }else if(!re.test(gh_form.name.value)){
            alert(‘请填写中文姓名!‘);return false;
        }
        var istel=/^(?:13\d|18\d|15\d)\d{5}(\d{3}|\*{3})$/;
        if(!istel.test(gh_form.phone.value)){
            alert("请正确填写电话号码");return false;
        }
    }
</script>

原文地址:https://www.cnblogs.com/lcxin/p/10801765.html

时间: 2024-08-30 07:59:56

表单正则验证简便方法的相关文章

表单正则验证及文件上传验证

表单正则验证主要是用来对表单提交信息的过滤,防止sql注入(比如登录界面),上传的文件也需要进行文件名后缀和大小进行验证,下面是一个简单的表单验证 1 header("Content-type:text/html;charset=utf-8"); 2 $user = isset($_POST['user'])?$_POST['user']:null; 3 $password = isset($_POST['password'])?$_POST['password']:null; 4 $

jquery表单数据验证扩展方法

/** 表单数据验证 **/ $.fn.Validform = function () { var Validatemsg = ""; var Validateflag = true; $(this).find("[isvalid=yes]").each(function () { var checkexpession = $(this).attr("checkexpession"); var errormsg = $(this).attr(&q

表单正则验证

<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <link href="css/userReg.css" rel="stylesheet"> <link href=""> <style> &l

表单的属性和方法, 获取表单和表单的元素, 验证表单

表单的属性和方法 一. 表单字段的属性(id/name/value/form),这里用value属性来举例 上面的form属性代表获取表单字段的父级表单对象 1. 属性的获取         console.log(document.myform.username.value); 2. 属性的设置            document.myform.username.value="123"; 3. 获取表单字段的父级表单对象 console.log(document.myform.u

利用JS提交表单的几种方法和验证(必看篇)

第一种方式:表单提交,在form标签中增加onsubmit事件来判断表单提交是否成功 ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 <script type="text/javascript">    function validate(obj) {     if (confirm("提交表单?")) {       alert(obj.value);       return true;     }

js日期/时间比较函数,以及js校验表单后提交表单的三种方法,表单验证,以及三种结合

<pre class="html" name="code"> js日期比较(yyyy-mm-dd) function duibi(a, b) { var arr = a.split("-"); var starttime = new Date(arr[0], arr[1], arr[2]); var starttimes = starttime.getTime(); var arrs = b.split("-");

Struts2表单数据验证

(一) 编程式验证 对所有方法进行验证 (1) 创建一个类继承ActionSupport 原因: 因为ActionSupport类实现了Validateable接口 查看validateable接口, 发现ActionSupport对该方法做了空实现 (2) 在创建的类中覆写AcitonSupport中的valudate()方法 public class UserAction2 extends ActionSupport implements ModelDriven<User> { priva

表单的验证:客户端验证和服务器端验证

表单的验证:客户端验证和服务器端验证 表单的确认 客户端确认: 减少服务器负载 缩短用户等待时间 兼容性难 服务器端确认: 统一确认 兼容性强 服务器负载重 客户端验证例子 首先建立一个表单,在其提交时用JavaScript方法进行验证,若该方法返回true,则进行表单的提交,若返回false,则表单不提交. <!-- 表单提交时执行JavaScript方法validate(),如果该方法返回false,那么表单是不会提交的 --> <form onsubmit="return

ASP.NET MVC 5 - 验证编辑方法(Edit method)和编辑视图(Edit view)

原文:ASP.NET MVC 5 - 验证编辑方法(Edit method)和编辑视图(Edit view) 在本节中,您将验证电影控制器生成的编辑方法(Edit action methods)和视图.但是首先将修改点代码,使得发布日期属性(ReleaseDate)看上去更好.打开Models \ Movie.cs文件,并添加高亮行如下所示: using System; using System.ComponentModel.DataAnnotations; using System.Data.