Validform实现表单验证并提示效果代码-html代码-BFW代码库

Validform实现表单验证并提示效果代码

代码语言：html

所属分类：验证

代码描述：Validform实现表单验证并提示效果代码

下面为部分代码预览，完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8" />

    <style>
        .registerform li{padding-bottom:20px;}
        .Validform_checktip{margin-left:10px;}
        .registerform .label{display:inline-block; width:70px;}
        .action{padding-left:92px;}
        
        
    </style>
    <link type="text/css" rel="stylesheet" href="//repo.bfw.wiki/bfwrepo/css/ValidForm.css">
    
</head>

<body>
    
    <div class="main">
        <div class="wraper">


            <h2 class="green">智能的提示信息</h2>

            <form class="registerform" action="ajax_post.php">
                <ul>
                    <li>
                        <label class="label"><span class="need">*</span> 中文名：</label>
                        <input type="text" value="" name="name" class="inputxt" />
                    </li>
                    <li>
                        <label class="label"><span class="need">*</span> 密码：</label>
                        <input type="password" value="" name="userpassword" class="inputxt" />
                    </li>
                    <li>
                        <label class="label"><span class="need">*</span> 确认密码：</label>
                        <input type="password" value="" name="userpassword2" class="inputxt" />
                    </li>
                    <li>
                        <label class="label"><span class="need">*</span> 所在城市：</label>
                        <select name="province"><option value="">请选择城市</option><option value="1">瑞金市</option></select>
                    </li>
                    <li>
                        <label class="label"><span class="need">*</span> 性别：</label>
                        <input type="radio" value="1" name="gender" id="male" class="pr1" /><label for="male">男</label> <input type="radio" value="2" name="gender" id="female" class="pr1" /><label for="female">女</label>
                    </li>
                    <li>
                        <label class="label"><span class="need">*</span> 购物网：</label>
                        <input name="shoppingsite2" class="rt2" id="shoppingsite21" type="checkbox" value="1" /><label for="shoppingsite21">新蛋</label>
             .........完整代码请登录后点击上方下载按钮下载查看