html表单提交数据验证

我们在做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 }

if (isNaN(document.getElementById("Name").value)) {

                  alert("数据请填写数字！");

                  document.getElementById("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>