国际视野 图文聚焦 财经纵横 产经要闻 军情速递 科技前沿 IT互联网 楼市房产 体育要闻 娱乐要闻 文化教育 美食旅游
您的位置:首页 / 国际视野
jquery表单验证方法较为简单具体步骤如下
中国要闻网 2021-08-17

      表单验证是我们在做网站或web系统时经常用到的,例如我们在使用注册、或完善个人信息时都会碰到验证我们输入的信息是否符合要求。方法较为简单具体步骤如下:


      第一步:导入jquery.metadata.js和jquery.validate.js。
      第二步:在提交表单上加属性id=“tempForm"。
      第三步:将提交按钮改为type="button",且加入onclick="submitForm()"属性。
      第四步:在script中加入方法submitForm。
      function submitForm() {
        if($("#tempForm").valid()) {
            $("#tempForm").submit();
        }
    }
第五步:加入验证代码,格式如下:
$(function() {
        $("#tempForm").validate({
            rules: {
                "cost.costMoney": {
                    required: true,
                    number: true,
                    maxlength:18
                }
            },
            messages: {
                "cost.costMoney": {
                    required: "<font color='red'>成本金额不能为空</font>",
                    number: "<font color='red'>成本金额必须为数字</font>",
                    maxlength:"<font color='red'>成本金额长度不能大于
18</font>"
                }
            }
        });
    });
      第六步:打开浏览器查看表单验证效果。

网友评论
(查看全部 0 条评论)请遵守国家新闻相关法规,文明上网评论!
    
验证码:  
网文摘要

     近年来,随着跨境电商的不断发展,我国跨境物流行业市场也随之逐年增长。据有关数据显示,2019年,...[详细]评论(0)

      立花美凉有两个名字07年在H.M.P出道叫做雪乃萤(雪乃ほたる)。可...[详细]评论(0)

     人固有一死,这句话出自司马迁《报任安书》。整句话““人固...[详细]评论(0)

      氯化钙是一种由氯元素和钙元素组成的化学物质,化学式为CaCl2,...[详细]评论(0)

     立花美凉有两个名字07年在H.M.P出道叫做雪乃萤(雪乃ほたる)。可惜只发...[详细]评论(0)

     投资回报率的优点:是计算简单;投资报酬率能反映投资中心的综合盈利能...[详细]评论(0)

热点排行 更多
博览纵横 更多
自媒时代 更多
  • All Right Reserved @ 2005-2018 中国要闻网
  • 工商营业注册:110101014752254
  • 增值电信业务经营许可证:京A2-2009413