javascript - jquery 正则表达式警告框

Question

我有这段代码，它使用正则表达式验证字段。此时它会弹出一个窗口，以防出现问题。我想放弃这一点，并在字段旁边或上方显示一条消息。请问有什么帮助吗？

这是代码：

<script>
function validate(form) {

var pwd = form.elements.pasa.value;
var eml = form.elements.pasa2.value;



if(5 > pwd.length || pwd.length > 25){
    alert("error");
    return false;
}

var rgx = /[a-zA-Z]|\d+/;
if(!rgx.test(pwd)){
    alert("error");
    return false;
}


rgx = /\s/;
if(rgx.test(pwd)){
    alert("error");
    return false;
}

if(8 > eml.length || eml.length > 40){
    alert("error");
    return false;
}

var rgx = /^\s*[a-z\d_]+(\.[a-z\d_]+)*@[a-z\d\-]{1,255}\.[a-z]{2,6}\s*$/;
if(!rgx.test(eml)){
    alert("error");
    return false;
}

rgx = /\s/;
if(rgx.test(eml)){
    alert("error");
    return false;
}


return true;
}

</script>

和形式：

<form name="Form1" method="post" action="action1.php" language="javascript" onSubmit="return      validate(this);" id="Form1">
<input name="pasa" class="field" type="text">
<input name="pasa2" class="field" type="text">
<input type="submit">
</form>

谢谢

Answer 1

alert()用将消息放在正确位置的代码替换调用。createElement和其他基本 DOM 方法之类的东西appendChild可能很有用。