JS和HTML编写用户名长度验证的网页 电子商务设计师

JS和HTML编写用户名长度验证的网页   电子商务设计师

问题描述:

使用JavaScript和HTML编写一个用户名长度验证的网页,当单击“提交”按钮后,先用
JavaScript验证用户名长度是否大于等于4,如果大于等于4,认为用户名合法并提交给
服务器(假设提交的URL为http://www. shopping. com/ checkuser),否则告诉不合法。

<form name="form1" actioin="http://www.shopping.com/checkuser" onsubmit="return check()">
用户名:<input type="text" id="username" name="username" />
<input type="submit" value="submit" />
</form>

<script type="text/javascript">
function check(){
var username = document.getElementById("username").value;
if(username.length<4){
  alert(不合法");
return false;
}
return true;
}
</script>

这样?

<form action="http://www.shopping.com/checkuser" onsubmit="return check(this)">
    用户名:<input type="text" name="name" /><input type="submit" value="提交" />
</form>
<script>
    function check(f) {
        if (f.name.value.length < 4) { alert('用户名需要大于等于4个字符!'); f.name.focus(); return false;}

    }

</script>


<form onsubmit="return check()" actioin="http://www.shopping.com/checkuser">
<input type="text" name="username" />
<input type="submit" value="submit" />
</form>
<script>
function check(){
if (document.getElementsByName('username').value.length<4){
return false;
}
}
</script>