validation 相关问题

需要函数() { var empt = document.forms["form1"]["Name"].value; 如果（空==“”） { Alert("请输入一个值"); </desc> <question vote="9"> <pre><code><script type='text/javascript'> function required() { var empt = document.forms["form1"]["Name"].value; if (empt == "") { alert("Please input a Value"); return false; } } </script> <form name="form1" method="" action=""> <input type="text" name="name" value="Name"/><br /> <input type="text" name="address line1" value="Address Line 1"/><br /> </code></pre> <p>我有多个输入文本字段，每个输入字段都有其默认值。在提交表格之前，我必须验证是否已填写所有字段。到目前为止，我得到了 javascript 来检查 null，因为不同的文本框有不同的默认值。如何编写 JavaScript 来验证用户已输入数据？我的意思是，脚本必须识别输入数据不是默认数据和空数据。</p> </question> <answer tick="true" vote="6"> <p>如果您不使用 jQuery，那么我只需编写一个验证方法，您可以在提交表单时触发该方法。该方法可以验证文本字段以确保它们不为空或默认值。该方法将返回一个布尔值，如果它为 false，您可以触发警报并分配类以突出显示未通过验证的字段。</p> <p>HTML：</p> <pre><code><form name="form1" method="" action="" onsubmit="return validateForm(this)"> <input type="text" name="name" value="Name"/><br /> <input type="text" name="addressLine01" value="Address Line 1"/><br /> <input type="submit"/> </form> </code></pre> <p>JavaScript：</p> <pre><code>function validateForm(form) { var nameField = form.name; var addressLine01 = form.addressLine01; if (isNotEmpty(nameField)) { if(isNotEmpty(addressLine01)) { return true; { { return false; } function isNotEmpty(field) { var fieldData = field.value; if (fieldData.length == 0 || fieldData == "" || fieldData == fieldData) { field.className = "FieldError"; //Classs to highlight error alert("Please correct the errors in order to continue."); return false; } else { field.className = "FieldOk"; //Resets field back to default return true; //Submits form } } </code></pre> <p>validateForm 方法分配要验证的元素，然后在本例中调用 isNotEmpty 方法来验证字段是否为空或尚未更改默认值。它不断调用 inNotEmpty 方法，直到返回 true 值，或者如果该字段的条件失败，它将返回 false。</p> <p>尝试一下，如果有帮助或者您有任何疑问，请告诉我。当然，您可以编写其他自定义方法来仅验证数字、电子邮件地址、有效 URL 等。</p> <p>如果您使用 jQuery，我会考虑尝试 jQuery 验证插件。我在最近的几个项目中一直使用它，它非常好。有机会的话去看看。 <a href="http://docs.jquery.com/Plugins/Validation" rel="noreferrer">http://docs.jquery.com/Plugins/Validation</a></p> </answer> <answer tick="false" vote="3"> <pre><code><form name="myForm" id="myForm" method="post" onsubmit="return validateForm();"> First Name: <input type="text" id="name" /> <br /> <span id="nameErrMsg" class="error"></span> <br />  </form> <p> 1.word should be atleast 5 letter<br> 2.No space should be encountered<br> 3.No numbers and special characters allowed<br> 4.letters can be repeated upto 3(eg: aa is allowed aaa is not allowed) </p> <button id="validateTestButton" value="Validate now" onclick="validateForm();">Validate now</button> validateForm = function () { return checkName(); } function checkName() { var x = document.myForm; var input = x.name.value; var errMsgHolder = document.getElementById('nameErrMsg'); if (input.length < 5) { errMsgHolder.innerHTML = 'Please enter a name with at least 5 letters'; return false; } else if (!(/^\S{3,}$/.test(input))) { errMsgHolder.innerHTML = 'Name cannot contain whitespace'; return false; }else if(!(/^[a-zA-Z]+$/.test(input))) { errMsgHolder.innerHTML= 'Only alphabets allowed' } else if(!(/^(?:(\w)(?!\1\1))+$/.test(input))) { errMsgHolder.innerHTML= 'per 3 alphabets allowed' } else { errMsgHolder.innerHTML = ''; return undefined; } } .error { color: #E00000; } </code></pre> </answer> <answer tick="false" vote="0"> <pre><code><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <title>Validation</title> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> <script type="text/javascript"> var tags = document.getElementsByTagName("input"); var radiotags = document.getElementsByName("gender"); var compareValidator = ['compare']; var formtag = document.getElementsByTagName("form"); function validation(){ for(var i=0;i<tags.length;i++){ var tagid = tags[i].id; var tagval = tags[i].value; var tagtit = tags[i].title; var tagclass = tags[i].className; //Validation for Textbox Start if(tags[i].type == "text"){ if(tagval == "" || tagval == null){ var lbl = $(tags[i]).prev().text(); lbl = lbl.replace(/ : /g,'') //alert("Please Enter "+lbl); $(".span"+tagid).remove(); $("#"+tagid).after("<span style='color:red;' class='span"+tagid+"'>Please Enter "+lbl+"</span>"); $("#"+tagid).focus(); //return false; } else if(tagval != "" || tagval != null){ $(".span"+tagid).remove(); } //Validation for compare text in two text boxes Start //put two tags with same class name and put class name in compareValidator. for(var j=0;j<compareValidator.length;j++){ if((tagval != "") && (tagclass.indexOf(compareValidator[j]) != -1)){ if(($('.'+compareValidator[j]).first().val()) != ($('.'+compareValidator[j]).last().val())){ $("."+compareValidator[j]+":last").after("<span style='color:red;' class='span"+tagid+"'>Invalid Text</span>"); $("span").prev("span").remove(); $("."+compareValidator[j]+":last").focus(); //return false; } } } //Validation for compare text in two text boxes End //Validation for Email Start if((tagval != "") && (tagclass.indexOf('email') != -1)){ //enter class = email where you want to use email validator var reg = /^\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/ if (reg.test(tagval)){ $(".span"+tagid).remove(); return true; } else{ $(".span"+tagid).remove(); $("#"+tagid).after("<span style='color:red;' class='span"+tagid+"'>Email is Invalid</span>"); $("#"+tagid).focus(); return false; } } //Validation for Email End } //Validation for Textbox End //Validation for Radio Start else if(tags[i].type == "radio"){ //enter class = gender where you want to use gender validator if((radiotags[0].checked == false) && (radiotags[1].checked == false)){ $(".span"+tagid).remove(); //$("#"+tagid").after("<span style='color:red;' class='span"+tagid+"'>Please Select Your Gender </span>"); $(".gender:last").next().after("<span style='color:red;' class='span"+tagid+"'> Please Select Your Gender</span>"); $("#"+tagid).focus(); i += 1; } else{ $(".span"+tagid).remove(); } } //Validation for Radio End else{ } } //return false; } function Validate(){ if(!validation()){ return false; } return true; } function onloadevents(){ tags[tags.length -1].onclick = function(){ //return Validate(); } for(var j=0;j<formtag.length;j++){ formtag[j].onsubmit = function(){ return Validate(); } } for(var i=0;i<tags.length;i++){ var tagid = tags[i].id; var tagval = tags[i].value; var tagtit = tags[i].title; var tagclass = tags[i].className; if((tags[i].type == "text") && (tagclass.indexOf('numeric') != -1)){ //enter class = numeric where you want to use numeric validator document.getElementById(tagid).onkeypress = function(){ numeric(event); } } } } function numeric(event){ var KeyBoardCode = (event.which) ? event.which : event.keyCode; if (KeyBoardCode > 31 && (KeyBoardCode < 48 || KeyBoardCode > 57)){ event.preventDefault(); $(".spannum").remove(); //$(".numeric").after("<span class='spannum'>Numeric Keys Please</span>"); //$(".numeric").focus(); return false; } $(".spannum").remove(); return true; } if (document.addEventListener) { document.addEventListener("DOMContentLoaded", onloadevents, false); } //window.onload = onloadevents; </script> </head> <body> <form method="post"> <label for="fname">Test 1 : </label><input type="text" title="Test 1" id="fname" class="form1"><br> <label for="fname1">Test 2 : </label><input type="text" title="Test 2" id="fname1" class="form1 compare"><br> <label for="fname2">Test 3 : </label><input type="text" title="Test 3" id="fname2" class="form1 compare"><br> <label for="gender">Gender : </label> <input type="radio" title="Male" id="fname3" class="gender" name="gender" value="Male"><label for="gender">Male</label> <input type="radio" title="Female" id="fname4" class="gender" name="gender" value="Female"><label for="gender">Female</label><br> <label for="fname5">Mobile : </label><input type="text" title="Mobile" id="fname5" class="numeric"><br> <label for="fname6">Email : </label><input type="text" title="Email" id="fname6" class="email"><br> <input type="submit" id="sub" value="Submit"> </form> </body> </html> </code></pre> </answer> <answer tick="false" vote="0"> <pre><code>function hasValue( val ) { // Return true if text input is valid/ not-empty return val.replace(/\s+/, '').length; // boolean } </code></pre> <p>对于多个元素，您可以在输入元素内部传递它们的值并将其循环到该函数参数中。</p> <p>如果用户插入一个或多个空格，由于正则表达式<pre><code>s+</code></pre>，该函数将返回 false。</p> </answer> <answer tick="false" vote="0"> <pre><code><pre><form name="myform" action="saveNew" method="post" enctype="multipart/form-data"> <input type="text" id="name" name="name" /> <input type="submit"/> </form></pre> <script language="JavaScript" type="text/javascript"> var frmvalidator = new Validator("myform"); frmvalidator.EnableFocusOnError(false); frmvalidator.EnableMsgsTogether(); frmvalidator.addValidation("name","req","Plese Enter Name"); </script> before using above code you have to add the gen_validatorv31.js js file </code></pre> </answer> <answer tick="false" vote="0"> <p>为了灵活性和其他您可能需要验证的地方。您可以使用以下功能。</p> <pre><code>`function validateOnlyTextField(element) { var str = element.value; if(!(/^[a-zA-Z, ]+$/.test(str))){ // console.log('String contain number characters'); str = str.substr(0, str.length -1); element.value = str; } }` </code></pre> <p>然后在您的 html 部分使用以下事件。</p> <p><pre><code><input type="text" id="names" onkeyup="validateOnlyTextField(this)" /></code></pre></p> <p>您可以随时重复使用该功能。 </p> </answer> <answer tick="false" vote="0"> <p>如何只允许文字不包含数字？我想要一个用户名输入只允许文本而不包含任何数字。请帮忙</p> </answer> </body></html>

javascript html validation form-submit

回答 0 投票 0

validation 相关问题

最新问题