我正在验证一份表格,该表格包含所需字段,字符,数字,电子邮件,密码格式,字段长度的验证。
在我的代码中,必填字段和长度正在运行,但其余部分。
密码格式的JavaScript代码:
function CheckPassword(paswd) {
var submitFlag = false;
var paswd = /^(?=.*[0-9])(?=.*[!@#$%^&*_])[a-zA-Z0-9!@#$%^&*]{7,15}$/;
if (document.reg_indi_form.pswd.length > 0) {
if (!document.reg_indi_form.pswd.value.match(paswd)) {
submitFlag = true;
document.getElementById('i3').innerHTML = "Use atleast one digit,character,specialCharacter";
document.getElementById('i3').style.color = "red";
document.getElementById('i10').style.fontSize = "12px";
//return false;
}
}
return submitFlag;
}
function alls() {
var valid = true;
valid *= req();
valid *= validateUname();
valid *= CheckPassword(this);
valid *= num();
valid *= confirm_pswd();
valid *= namevalid();
valid *= ValidateEmail(this);
return valid ? true : false;
}
我在alls()
上致电onSubmit
所有其他不起作用的功能与checkPassword()
类似。
HTML code:
<form name="reg_indi_form" method="post" onSubmit="return alls()" enctype="multipart/form-data" >
<table height="100" width="1000">
<tr>
<td>
First Name<font color="#FF0000">*</font>:
</td>
<td>
<input name="txt_fnm" type="text" id="txt_fnm"/> <label id="i"></label>
</td>
</tr>
<tr>
<td>
Password<font color="#FF0000">*</font>:
</td>
<td>
<input type="password" name="pswd" id="pswd"/><label id="i3"></label>
</td>
</tr>
<tr>
<td>
<input type="submit" name="submit" value="Submit"/>
</td>
<td>
<input type="reset" name="reset" value="Reset"/>
</td>
</tr>
</table>
</form>
答案 0 :(得分:0)
考虑,当密码正确时,您的CheckPassword()
会返回true。
现在在CheckPassword()
函数中,document.reg_indi_form.pswd.value.match(paswd)
如果模式匹配,则此语句返回true。您添加了!
表示当密码与给定模式不匹配时它将返回true。我编辑了下面的函数,也考虑使用布尔运算符而不是尽可能使用多个/嵌套的if语句。您没有任何ID i10 的字段我认为它应该是 i3 。
function CheckPassword() {
var submitFlag = false;
var paswd = /^(?=.*[0-9])(?=.*[!@#$%^&*_])[a-zA-Z0-9!@#$%^&*]{7,15}$/;
if ((document.reg_indi_form.pswd.length > 0) && (document.reg_indi_form.pswd.value.match(paswd))) {
submitFlag = true;
}
else{
document.getElementById('i3').innerHTML = "Use atleast one digit,character,specialCharacter";
document.getElementById('i3').style.color = "red";
document.getElementById('i3').style.fontSize = "12px";
}
return submitFlag;
}
最后,为什么在alls()
函数中使用* =运算符作为布尔值?你应该使用布尔运算符。此外,this
将当前表单或字段对象传递给函数,因为您使用document.formName.fieldName
访问表单的字段,所以在此上下文中不需要它。此外,最后三元(bool?value1:value2)运算符也是不必要的。
function alls() {
var valid = req()
&& validateUname()
&& CheckPassword()
&& num()
&& confirm_pswd()
&& namevalid()
&& ValidateEmail();
return valid;
}