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"  οnsubmit="return validate_form(this)">

数据：<input type="text" name="Name" id="Name"/>

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

 </form>