设计窝高端网站建设与制作
觉得不错,赏一个

觉得不错,赏一个

js表单验证

设计窝2017-05-13js 
<form id="form1" action="#" name="form1" accept-charset="utf-8" method="post" onsubmit="return tj()">
    您的姓名:<input type="text" name="name" placeholder="请输入您的名字">
    联系电话:<input name="tel"  id="contacts" placeholder="请输入您的电话" type="tel">
    <input name="subm" type="submit"/>
</form>
<script language="javascript">
    function tj(){
        var name=document.form1.name;
        var tel=document.form1.tel;
        if(name.value=='' || name.value=='输入您的真实姓名'){
            alert('温馨提示--姓名不能为空');
            name.focus();
            return false;
        }else if(tel.value=='' || tel.value=='输入您的常用手机号码'){
            alert('温馨提示提示--手机不能为空');
            tel.focus();
            return false;
        }else if(tel.value.match(/\D/)){
            alert('温馨提示提示--手机只能是数字');
            tel.focus();
            return false;
        }else{
            return true;
        }
    }

</script>


文章关键词
设计窝