返回顶部下载帮助
网站模板
模板颜色分类:
当前位置: html教程 >

验证手机号码插件

2020-05-07 文章标签: 表单 浏览次数:

我们讲解下表单的使用,我们先讲解原生的javascript表单验证的写法,然后介绍使用插件验证表达。都可以解决我们问题,只是一个有一定的代码基础,还有种懂点js语法也可以修改达到表单验证。使用validationEngine插件验证手机号码是否正确。

HTML5教程

今天介绍jQuery validationEngine插件的用法

1.jpg

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>validationEngine</title>
<link href="//freemuban.com/js/507/validationEngine.jquery.css" rel="stylesheet" type="text/css" media="all" />
<script src="http://apps.bdimg.com/libs/jquery/1.6.4/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript" src="//freemuban.com/js/507/jquery.validationEngine-en.js"></script>
<script type="text/javascript" src="//freemuban.com/js/507/jquery.validationEngine.js"></script>
<script type="text/javascript">
$(function(){
$("form").validationEngine();
})
</script>
<style type="text/css"></style>
</head>
<body>
<h1>validationEngine表单验证</h1>
<form action="" method="POST" class="niceform p1">
    <fieldset>
        <legend>电话验证</legend>
        <label> +103-304-340-4300-043<br/>
            +1 305 768 23 34 ext 23<br/>
            +1 (305) 768-2334 extension 703<br/>
            +1 (305) 768-2334 x703<br/>
            <span>Telephone : </span>
            <input value="+1 305 768 23 34 ext 23"  class="validate[required,custom[phone]] text-input" type="text" name="telephone"  id="telephone" />
        </label>
    </fieldset>
</form>
</body>
</html>


关于我们 - 联系我们 - 广告服务 - 友情链接 - 版权声明 - 手机版

免责声明:站内所有资源仅供学习与参考,请勿用于商业用途,否则产生的一切后果将由您自己承担!版权归原创者所有,如果侵犯了您的权益,请通知我们,我们会及时删除侵权内容。