javascript中的表单验证-最少字符数
我需要验证一个表单,我希望每个输入必须有6个以上的字符 以下脚本用于0个字符 如何编辑它以将最小字符限制设置为6javascript中的表单验证-最少字符数,javascript,forms,Javascript,Forms,我需要验证一个表单,我希望每个输入必须有6个以上的字符 以下脚本用于0个字符 如何编辑它以将最小字符限制设置为6 <script> function validateForm(formId) { var inputs, index; var form=document.getElementById(formId); inputs = form.getElementsByTagName('input');
<script>
function validateForm(formId)
{
var inputs, index;
var form=document.getElementById(formId);
inputs = form.getElementsByTagName('input');
for (index = 0; index < inputs.length; ++index) {
// deal with inputs[index] element.
if (inputs[index].value==null || inputs[index].value=="")
{
alert("Field is empty");
return false;
}
}
}
函数validateForm(formId)
{
var输入,指数;
var form=document.getElementById(formId);
inputs=form.getElementsByTagName('input');
用于(索引=0;索引
表格如下:
<form name="myForm" id="myForm" method="post" action="" onsubmit="return validateForm('myForm');" style="margin-bottom:10px;" _lpchecked="1">
<div id="InputsWrapper">
<div>
<input type="text" name="mytext[]" id="field_1" value="http://">
<a href="#" id="AddMoreFileBox" style="font-size:12px;margin:0 0 0px 0;"><img src="images/plus.png" style="margin-left:10px;height:24px;">
</a>
</div>
</div>
<div style="height:10px;"></div>
<input type="submit" style="border:none;background-color:#ff9900;padding:10px 30px 10px
30px;font-size:24px;font-weight:bold;color:#FFF;" value="CONTINUE">
</form>
在循环内部,检查
值
长度
if (inputs[index].value==null || inputs[index].value=="" || inputs[index].value.length < 6) {
alert("Field is not 6 characters minimum!");
return false;
}
if(输入[index].value==null | |输入[index].value==“| |输入[index].value.length<6){
警报(“字段不少于6个字符!”);
返回false;
}
您可以使用以下方法检查字段是否有6个字符:
if (document.forms["name"]["field name"].value < 6).
if(document.forms[“name”][“field name”]。值<6)。
我建议将CSS类(“本例中为InputClassName”)分配给您要验证的输入,然后将代码更改为如下内容:
inputs = form.getElementsByClassName('InputClassName');
for (index = 0; index < inputs.length; ++index) {
if (inputs[index].value==null || inputs[index].value=="" || inputs[index].value.length < 6))
{
alert("Field must be 6 characters or more");
return false;
}
}
inputs=form.getElementsByClassName('InputClassName');
用于(索引=0;索引
这种方法的优点是,您可以添加单选按钮或复选框,而不使用“InputClassName”类,该类的值小于6个字符,并且您的逻辑仍然有效。使用当前设置,您的逻辑将中断。
if(输入[index].value.length请在发布is之前格式化html。使用.I格式化代码。