用script、div验证用户名,密码方法

<!--script部分-->

<script language = "javascript">

//编写获取相应的元素id

function $(gElementId){

 return document.getElementById(gElementId);

}

<!--验证会员名-->

function checkuser(username){

var  reg= /^[A-Za-z]+$/; //定义一个变量让其为字母标准化

if(username.value==""){

alert("请输入会员名");

username.focus();

return false;

}else if(username.value.length<6){

alert("会员名长度不能小于6位");

username.focus();

return false;

}else if(!reg.test(username.value.charAt(0))){//判断用户名第一个字符是否为字母

alert("会员名必须以字母开头");

username.focus();

return false;

}

}

<!--密码验证-->

function checkpwd(pwd){

var infpwd = $("fpwd");//调用第一个function方法得到div里id

if(pwd.value==""){

infpwd.className="font_error"   //提示信息字体样式

infpwd.innerHTML="请输入密码!"

return false;

}

if(pwd.value.length<6){

infpwd.className="font_error"

infpwd.innerHTML="请输入不小于6位的密码"

return flase;

}

infpwd.className="font_error"

infpwd.innerHTML="你填写的密码是合法的"

}

function checkrpwd(pwd,rpwd){

var infrepwd = $("frepeatpwd");

if(rpwd.value==""){

infrepwd.className="font_error"

infrepwd.innerHTMl="请输入确认密码"

return false;

}

if(pwd.value!=rpwd.value){
infrepwd.className="font_error"
infrepwd.innerHTML="两次输入的密码不一致,请重新输入!"
return false;
}
            infrepwd.className = "font_true";
    infrepwd.innerHTML = "请牢记您输入的密码!";
    return true;

}



</script>


<!--bady部分-->

    <TR>

    <TD>会&nbsp;员&nbsp;名:</TD>

    <TD><INPUT name="username" type="text"></TD>
    <TD><INPUT name="check2" type="button" value="检测"  onClick="checkuser(username)"> &nbsp;&nbsp;会员       名须以字母开头,至少6位</TD>

    </TR>


  <TR>

    <TD>密&nbsp;&nbsp;&nbsp;&nbsp;码:</TD>

    <TD><INPUT name="psw" type="password"  onBlur="checkpwd(psw)"></TD>
    <TD><DIV id="fpwd">密码设置至少6位</DIV></TD>

  </TR>


  <TR>
    <TD>重复密码:</TD>
    <TD><INPUT name="repeatpsw" type="password" onBlur="checkrpwd(psw,repeatpsw)"></TD>

    <TD><DIV id="frepeatpwd"></DIV></TD></TR>

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
可以通过以下步骤在HTML页面中使用PHP验证用户名是否重复: 1. 首先在HTML页面中添加一个输入框来输入用户名,并在输入框后面添加一个按钮,用于提交表单。 ```html <form method="post" action=""> <input type="text" name="username" id="username" placeholder="请输入用户名"> <button type="submit" name="check_username">检查用户名</button> </form> ``` 2. 在PHP中添加以下代码,用于验证用户名是否重复。这里使用MySQL数据库作为示例,假设已经建立了名为users的用户表。 ```php if(isset($_POST['check_username'])){ $username = $_POST['username']; $conn = mysqli_connect("localhost", "username", "password", "database_name"); //连接数据库 $query = "SELECT * FROM users WHERE username='$username'"; //查询语句 $result = mysqli_query($conn, $query); //执行查询语句 if(mysqli_num_rows($result) > 0){ //如果查询结果大于0,表示用户名已存在 echo "该用户名已存在,请重新输入!"; } else{ echo "该用户名可用!"; } } ``` 这里使用mysqli函数来连接MySQL数据库,并使用SELECT语句查询用户表中是否存在相同的用户名。如果查询结果大于0,表示用户名已存在,否则用户名可用。 3. 最后,在HTML页面中添加以下JavaScript代码,用于实现异步验证,即无需刷新页面即可检查用户名是否重复。 ```javascript <script> $(document).ready(function(){ $('#username').blur(function(){ var username = $(this).val(); $.ajax({ url:"check_username.php", method:"POST", data:{username:username}, success:function(data){ $('#username_result').html(data); } }); }); }); </script> <div id="username_result"></div> ``` 这里使用jQuery库来实现异步验证。当用户在输入框中输入用户名后,失去焦点时会触发blur事件,然后通过ajax方法用户名传递给check_username.php文件进行验证,并将结果显示在页面上。最后,在页面中添加一个div元素用于显示验证结果。 通过以上步骤,就可以在HTML页面中使用PHP验证用户名是否重复了。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

叶半欲缺

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值