码迷,mamicode.com
首页 > Web开发 > 详细

html表单提交数据验证

时间:2014-05-07 08:59:45      阅读:370      评论:0      收藏:0      [点我收藏+]

标签:web   表单   html   js   

我们在做B/S项目开发中,经常会用到表单提交数据,在页面需要做js数据验证,简单方法如下

js部分:

<script type="text/javascript">

    function validate_required(field, alerttxt) {
        with (field) {
            if (value == null || value == "")
            { alert(alerttxt); return false }
            else { return true }
        }
    }


    function validate_form(thisform) {
        with (thisform) {
            if (validate_required(Name, "姓名必填") == false)
            { Name.focus(); return false }
        }
    }

</script>

在编写时,可以根据自己的实际情况,把name换成需要验证的控件ID

多个控件需要验证的话,添加多个

   if (validate_required(Name, "姓名必填") == false)
            { Name.focus(); return false }


html部分:

<form method="post"  onsubmit="return validate_form(this)">

姓名:<input type="text" name="Name" id="Name"/>

<input type="submit" value="提交" />

 </form>

html表单提交数据验证,布布扣,bubuko.com

html表单提交数据验证

标签:web   表单   html   js   

原文地址:http://blog.csdn.net/houxingding/article/details/25066631

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!