首页 > 代码库 > html表单提交数据验证

html表单提交数据验证

2024-07-03 04:35:07   219人阅读

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

js部分：

<script type="text/javascript">

    function validate_required(field, alerttxt) {
        with (field) {
            if (value =http://www.mamicode.com/= 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=http://www.mamicode.com/"提交" />

 </form>


联系
我们