js表单验证方法1

xck503c

于 2016-05-16 19:05:04 发布

阅读量295

点赞数

CC 4.0 BY-SA版权

分类专栏： JavaScript

本文链接：https://blog.youkuaiyun.com/qq_24986539/article/details/51427316

JavaScript 专栏收录该内容

1 篇文章

订阅专栏

本文介绍了一个简单的登录表单实现方法，通过HTML与JavaScript结合完成表单输入验证。主要讲解了如何使用JavaScript通过name属性获取表单元素的值。

                        <form role="form" name="form">
                            <fieldset>
                                <div class="form-group">
                                    <input class="form-control" placeholder="Username" name="username" type="email" autofocus>
                                </div>
                                <div class="form-group">
                                    <input class="form-control" placeholder="Password" name="password" type="password" value="">
                                </div>
                                <div class="checkbox">
                                    <label>
                                        <input name="remember" type="checkbox" value="Remember Me">Remember Me
                                    </label>
                                </div>
                                <a href="javascript:void(0)" class="btn btn-lg btn-success btn-block" onclick="checkData()">Login</a>
                            </fieldset>
                        </form>

1.js代码可以通过name获取input里面的值进行表单验证

function checkData(){
	alert(document.form.username.value);
}

(1)只要在form标签里面加上name属性
(2)通过value获取文本框中的值