Full verification of forms with regular expressions and JavaScript

xiaoxiao2021-03-06 85

Code: Add the following JavaScript code to a single JS file when using it. 1. Form Requirements

3, maximum length verification (can be verified with null value, generally verified simultaneously): ">"> or,

3, generally validation method (irral value) Make verification): If: <input type = "text" validator = "^ (19 | 20) [0-9] {2} $" ErrorInfo = "incorrect year!"> 4, standard verification (not with other Verification mode is used at the same time): All is implemented through <input type = "hidden"> and does not need NAME attributes to avoid submit to the server.</p>
<p>4.1, legal date verification: <input type = "text" name = "yearfieldname" value = "2004"> Note: Here you can also be <select name = "yearfieldname> </ select>, the following with <input type =" text "name =" monthfieldName "value =" 02 "> <input type =" text "name =" dayfieldName "value =" 03 "> <input type =" hidden "validatorType =" DateGroup "year =" yearfieldName "month = "MONTHFIELDNAME" day = "dayfieldname" errorinfo = "incorrect date!"> YearfieldName, MONTHFIELDNAME, DAYFIELDNAME is the annual month field, month and day can be two (mm) or one format (M), here Do not verify each field (if you want to test, please use the previous general validation mode in the three fields in the Year of the Year), only if the maximum value is legally checked; 4.2, date format verification (please note, this verification is not Whether the date is valid for verification, not found to get the date of the date of the date of the date of the day, ^ _ ^): <input type = "text" Name = "DatefieldName" value = "2003-01-03 21:31:00" > <Input type = "hidden" Validatortype = "Date" fieldname = "DatefieldName"; Format = "YYYY-MM-DD HH: mm: s" ErrorInfo = "Incorrect Date!"> Where format is only Y, M , D, H, M, and S support (other characters are considered non-time characters) 4.3, list verification: check list (checkbox, redio, select) selects at least one record (mainly for SELECT for multiple options) <Input Type = "Checkbox" Name = "CheckBox1"> <input type = "hidden" ValidatorType = "Checkbox" FieldName = "CheckBox1" ErrorInfo = "Please select at least one record!"> where ValidatorType can be Checkbox, R For a SELECT form, if you need to select a record that cannot be the first record, use the following: <select name = "" EmptyInfo = "Please select an option!"> <Option value = "> = = Please select == </ option> <option value = "</p>
<p>1 "> 1 </ option> <select> 4.4, email verification: <input type =" text "name =" email "> <input type =" hidden "fieldname =" email "validatortype =" email "separator =", "Errorinfo =" Incorrect Email! "> where separator is optional, indicating the separator when entering multiple email (no this option can only be an address) 4.5, add other JavaScript operations: <script type =" text / JavaScript "> function function functionName () {Custom Method} </ script> ValidAtortype =" javaScript "FunctionName =" functionName "> (At this point attributes such as EmptyInfo is invalid) The JavaScript method specified in (requires the method to return TRUE or FALSE, return false will no longer verify the form or submit form) .5, a button before the form is submitted before the Disable (other domain disable, can also be configured with other authentication In one field), the button is not required to be the last <input type = "name =" submit "ValidatorTyPe =" disable "> 6, no verification form <input type =" hidden "name =" validate " Value = "0" FunctionName = "functionName"> When the Validator domain value is 0, the form does not verify the form, directly submit form or execute the specified function and return to TRUE, submit form functionName is optional.</p>
<p>-> <script type = "text / javascript"> function getStringLength (str) {var endvalue = 0; var sourcestr = new String (str); var tempstr; for (var strposition = 0; strposition <sourcestr.length; strposition   ) {Tempstr = SourceStr.Charat (strposition); if (Tempstr.Charcodeat (0)> 255 || Tempstr.Charcodeat (0) <0) {endValue = endValue   2;} else {endValue = endValue   1; }}}} Return (EndValue);} Function Trim (STR) {IF (Str == Null) Return ""; if (str.length == 0) Return ""; var i = 0, j = str.length-1 , c; for (; i <str.length; i   ) {c = str.Charat (i); if (c! = ') Break;} for (; J> -1; J -) {c = Str.Charat (j); if (c! = ') Break;} if (i> j) return "; return str.substring (i, j   1);} Function Validatedate (Date, Format, Alt) {Var time = trim (date.value); if (time == ") Return; var rag = format; var rag = reg.replace (/ yyyy /," [0-9] {4} "); VAR REG = reg.replace (/ yy /, "[0-9] {2}"); varreg = reg.replace (/ mm /, "((0 [1-9]) | 1 [0-2] ")") "); Varreg = reg.replace (/ m /," (([1-9]) | 1 [0-2]) "); var rag = reg.replace (/ dd /," ((0 [1-9 ]) | ([1-2] [0-9]) | 30 | 31) "); varreg = reg.replace (/ D /," ([1-9] | [1-2] [0- 9] | 30 | 31)) ")") "VAR REG = Reg.Replace (/ hh /," (([0-1] [0-9]) | 20 | 21 | 22 | 23) "); Var REG = Reg.Replace (/ h /, "([0-9] | 20 | 21 | 22 | 23)"); var reg = reg.replace (/ mm /, "([0 -5] [0-9]) "); var REG = reg.replace (/ m /," ([0-9] | ([1-5] [0-9]) ")") "); var REG = REG.REPLACE (/ SS /, ")") ")") "); varreg = reg.replace (/ s /," ([0-9] | ([1-5] [ 0-9])) ")"); reg = new regexp ("^"</p>
<p>  Reg   "$"); if (reg.test (time) == false) {// Verify that the format is legal Alert (alt); Date.FOCUS (); return false;} Return true;} Function ValidateGroup (Year, Month, day, alt) {var array = new array (31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31); var y = parseint (Year.Value); VAR M = PARSEINT (MONTH. Value); var d = parseint (day.value); var maxday = array [m-1]; if (m == 2) {IF ((Y% 4 == 0 && y% 100! = 0 ) || y% 400 == 0) {MaxDay = 29;}}}}}} (l); return false;} return true;} function value; IF (obj! = null) {if (obj.length == null) {return.com {cj (i   ) {if (obj [i] .Checked == true (i = 0; {ip; ) {Return true;}}} ALERT (ALT); RETURN RS;} Function Validateradio (Obj, Alt) {var = false; if (obj! = Null) {ion (obj.length == null) {Return Obj .CHECKED;} for (i = 0; i <obj.length; i   ) {IF (obj [i] .Checked == true) {return true;}}}}} Alert (alt); Return RS;} Function ValidateelectElectr Obj, alt) {var = false; IF (Obj! = null) {for (i = 0; i <obj.Options.Length; i   ) {if (obj.Options [i] .selected == true) {return true;}}}}} Alert (alt) Return RS;} Function ValidateEmail (Email, Alt, Separetor) {var Mail = Trim (email.value); if (mail == ") Return; var; var myreg = / ^ [_ a-z0-9]   @ ([_ a-z0-9]   /.)   [A-Z0-9] {2, 3} $ /; if (separator == null) {if (MyReg.test (email.value) == {Alert (alt); email.focus (); return false;}} else {em = email.value.split (separator);</p>
<p>For (i = 0; i <em.length; i   ) {em [i] = em [i] .trim (); if (EM [i] .length> 0 && myreg.test (em [i]) == false {Alert (alt); email.focus (); return false;}}} Return True;} Function ValidateForm (TheForm) {// Returns True Var Disablelist = New Array (); var Field = theform. Elements; // put all the elements in the form into the array for (VAR i = 0; i <field.length; i   ) {var vali = theform.validate; if (value! = null) {if (vali.value = = "0") {var fun = vali.functionName; if (fun! = Null) {Return Eval () ");} else {return true;}}} var Empty = false; var value = trim (VARUE = TRIM) Field [i] .value; if (value.length == 0) {// is null value EMPTY = true;} var emptyinfo = field [i] .emptyInfo; // Null Validation IF (EmptyInfo! = null && Empty = = true) {Alert (EmptyInfo); Field [i] .focus (); returnifo = Field [i] .lengthinfo; // maximum length Verification IF (Length "> Field [i ] .maxlength) {Alert (Length "; Field [i] .focus (); return false;}</p>
<p>Var validatortype = field [i] .validatortype; if (validatortype! = null) {// Other JavaScript var RS = true; if (ValidatorType == "JavaScript") {EVAL ("rs ="   Field [i] .functionName   "()"); If (rs == false) {return false;} else} else} else} else}} else}} else}} else}} else}} else}} else} Else} Else} Else} Else If (Validatortype == "Disable") {// Submit Form DISABLELIST.LENGTH   ; disablelist [disablelist .length-1] = field [i]; continue;} else f (validatortype == "date") {r = validatedate (Theform.Elements (FIELD [i] .fieldname), Field [i] .format, Field [ I]. errorinfo;} else if (Validatortype == "DateGroup") {r = validatedateGroup (Theform.Elements (Field [i] .year), Theform.Elements (Field [i] .month), Theform.eferences Field [i] .day), field [i] .ERRORINFO);} else if (validatortype == "checkbox") {r = validatecheckbox (theform.efields (Field [i] .fieldname), Field [i] .ERRORINFO } Else if (validatortype == "radio") {r = validateradio (Theform.elements (Fie LD [i] .fieldname, Field [i] .ERRORINFO);} else} (validatortype == "select") {r = validateelect (Theform.elements (Field [i] .fieldname), Field [i] .ERRORINFO } Else if (validatortype == "email") {r = validateemail (TheForm.e] .fieldname), Field [i] .ERRORINFO);} else {Alert ("Verification type is not supported, FieldName: "  Field [i] .name); return false;} if (rs == false) {return false;}} else {// General validation if (Empty == false) {var v =</p></div><div class="text-center mt-3 text-grey">
转载请注明原文地址:https://www.9cbs.com/read-121736.html</div><div class="plugin d-flex justify-content-center mt-3"></div><hr><div class="row"><div class="col-lg-12 text-muted mt-2"><i class="icon-tags mr-2"></i><span class="badge border border-secondary mr-2"><h2 class="h6 mb-0 small"><a class="text-secondary" href="tag-2.html">9cbs</a></h2></span></div></div></div></div><div class="card card-postlist border-white shadow"><div class="card-body"><div class="card-title"><div class="d-flex justify-content-between"><div><b>New Post</b>(<span class="posts">0</span>)
</div><div></div></div></div><ul class="postlist list-unstyled">

</ul></div></div><div class="d-none threadlist"><input type="checkbox" name="modtid" value="121736" checked /></div></div></div></div></div><footer class="text-muted small bg-dark py-4 mt-3" id="footer"><div class="container"><div class="row"><div class="col">CopyRight © 2020 All Rights Reserved

</div><div class="col text-right">Processed:
<b>0.038</b>, SQL:
                <b>9</b></div></div></div></footer><script src="./lang/en-us/lang.js?2.2.0"></script><script src="view/js/jquery.min.js?2.2.0"></script><script src="view/js/popper.min.js?2.2.0"></script><script src="view/js/bootstrap.min.js?2.2.0"></script><script src="view/js/xiuno.js?2.2.0"></script><script src="view/js/bootstrap-plugin.js?2.2.0"></script><script src="view/js/async.min.js?2.2.0"></script><script src="view/js/form.js?2.2.0"></script><script>
var debug = DEBUG = 0;
var url_rewrite_on = 1;
var url_path = './';
var forumarr = {"1":"Tech"};
var fid = 1;
var uid = 0;
var gid = 0;
xn.options.water_image_url = 'view/img/water-small.png';
</script><script src="view/js/wellcms.js?2.2.0"></script><a class="scroll-to-top rounded" href="javascript:void(0);"><i class="icon-angle-up"></i></a><a class="scroll-to-bottom rounded" href="javascript:void(0);" style="display: inline;"><i class="icon-angle-down"></i></a></body></html><script>
var forum_url = 'list-1.html';
var safe_token = 'mL90GQFX3I8m_2FccHs5AWcLSg9ihmEilvrI4UGNZ_2BQGuwMs3zjjTHRL2SH2vBBrSV_2FmlOGrDP4TzcI2j1_2Ffgliw_3D_3D';
var body = $('body');
body.on('submit', '#form', function() {
var jthis = $(this);
    var jsubmit = jthis.find('#submit');
jthis.reset();
jsubmit.button('loading');
var postdata = jthis.serializeObject();
$.xpost(jthis.attr('action'), postdata, function(code, message) {
if(code == 0) {
location.reload();
} else {
$.alert(message);
jsubmit.button('reset');
}
});
return false;
});

function resize_image() {
var jmessagelist = $('div.message');
var first_width = jmessagelist.width(); 
jmessagelist.each(function() {
var jdiv = $(this);
var maxwidth = jdiv.attr('isfirst') ? first_width : jdiv.width();
var jmessage_width = Math.min(jdiv.width(), maxwidth);
jdiv.find('img, embed, iframe, video').each(function() {
var jimg = $(this);
var img_width = this.org_width;
var img_height = this.org_height;
if(!img_width) {
var img_width = jimg.attr('width');
var img_height = jimg.attr('height');
this.org_width = img_width;
this.org_height = img_height;
}

if(img_width > jmessage_width) {
if(this.tagName == 'IMG') {
jimg.width(jmessage_width);
jimg.css('height', 'auto');
jimg.css('cursor', 'pointer');
jimg.on('click', function() {

});
} else {
jimg.width(jmessage_width);
var height = (img_height / img_width) * jimg.width();
jimg.height(height);
}
}
});
});
}

function resize_table() {
$('div.message').each(function() {
var jdiv = $(this);
jdiv.find('table').addClass('table').wrap('<div class="table-responsive"></div>'); 
});
}

$(function() {
resize_image();
resize_table();
$(window).on('resize', resize_image);
});

$('#nav li[data-active="fid-1"]').addClass('active');
</script>