怎么在提交数据的时候,判断为空或格式不符者就不能正确提交数据

Question

function Tj_panduan()
{
    if(xx)
     {
       alert("");return false;
     }
   else if(xx)
     { 
       alert("");return false;
     }
   else
     {
       return true;
     }
}function Tj_biaodan()
{
   if(!Tj_panduan())return;
   else "提交"
}
<input type="Submit" value="提交保存" onclick="Tj_biaodan()"/>
里面的 判断你自己来写 样子就是这样

Answer 1

有个现成的, lz自己参考实现一下了
html<script src="check02.js"></script> 
<style>input.invalid { background: #faa; }
input.valid { background: #afa; }  
</style><form>
  Name: <input type="text" name="name" required><br>
  email: <input type="text" name="email" pattern="^\s*\w+@\w+\.\w+\s*$"><br>
  zipcode: <input type="text" name="zip" pattern="^\s*\d{5}\s*$"><br>
  unvalidated: <input type="text"><br>
  <input type="submit">
</form>

Answer 2

这个是js文件
check02.js
(function( ) {
    if (window.addEventListener) window.addEventListener("load", init, false);
    else if (window.attachEvent) window.attachEvent("onload", init);    function init( ) {        for(var i = 0; i < document.forms.length; i++) {
            var f = document.forms[i];             var needsValidation = false;            for(j = 0; j < f.elements.length; j++) {
                var e = f.elements[j];                 if (e.type != "text") continue;                var pattern = e.getAttribute("pattern");
                var required = e.getAttribute("required") != null;                if (required && !pattern) {
                    pattern = "\\S";
                    e.setAttribute("pattern", pattern);
                }                if (pattern) {
                    e.onchange = validateOnChange;
                    needsValidation = true;
                }
            }            if (needsValidation) f.onsubmit = validateOnSubmit;
        }
    }    function validateOnChange( ) {
        var textfield = this;                           
        var pattern = textfield.getAttribute("pattern");
        var value = this.value;                                if (value.search(pattern) == -1) textfield.className = "invalid";
        else textfield.className = "valid";
    }    function validateOnSubmit( ) {
        var invalid = false; 
        for(var i = 0; i < this.elements.length; i++) {
            var e = this.elements[i];
            if (e.type == "text" && e.onchange == validateOnChange) {
                e.onchange( );
                if (e.className == "invalid") invalid = true;
            }
        }        if (invalid) {
            alert("The form is incompletely or incorrectly filled out.\n" +
                  "Please correct the highlighted fields and try again.");
            return false;
        }
    }
})( );

Answer 3

javascript里有个VALIDATOR类，PHP就不知道啦，

Answer 4

你这个是不错啊，有个问题，如果我把required 或pattern="^\s*\w+@\w+\.\w+\s*$"想加到函数中怎么办？    function addothers(rows){     return " <input type=\"+text\" name=\"email[]" + rows + "\" id=\"email" + rows + "\" pattern=\"^\s*\w+@\w+\.\w+\s*$\" />"; -----我目前这样加不起作用！同样required也存在这机关报问题  } 

Answer 5

 function addothers(rows){     return " <input type=\"+text\" name=\"email[]" + rows + "\" id=\"email" + rows + "\" pattern=\"^\s*\w+@\w+\.\w+\s*$\" />"; -----我目前这样加不起作用！同样required也存在这样的问题   } 
 function addothers(rows){     return " <input type=\"+text\" name=\"email[]" + rows + "\" id=\"email" + rows + "\" required />"; -----我目前这样加不起作用！同样required也存在这样的问题   } 

Answer 6

function addothers(rows){     return " <input type=\"+text\" name=\"email[]" + rows + "\" id=\"email" + rows + "\" pattern=\"^\s*\w+@\w+\.\w+\s*$\" />"; -----我目前这样加不起作用！  } 
 function addothers(rows){     return " <input type=\"+text\" name=\"email[]" + rows + "\" id=\"email" + rows + "\" required />"; -----required这样加也不行
  } 

Answer 7

function a(){
if (格式错误){return false}}
onsubmit="a()"

Answer 8

<script src="check02.js"></script> 
<style>input.invalid { background: #faa; }
input.valid { background: #afa; }  
</style>
<script》
function addothers(rows){     return " <input type=\"+text\" name=\"email[]" + rows + "\" id=\"email" + rows + "\" pattern=\"^\s*\w+@\w+\.\w+\s*$\" />"; -----我目前这样加不起作用！  } 
 function addothers(rows){     return " <input type=\"+text\" name=\"email[]" + rows + "\" id=\"email" + rows + "\" required />"; -----required这样加也不行
  } </script><form>
  Name: <input type="text" name="name" required><br>
  email: <input type="text" name="email" pattern="^\s*\w+@\w+\.\w+\s*$"><br>
  zipcode: <input type="text" name="zip" pattern="^\s*\d{5}\s*$"><br>
  unvalidated: <input type="text"><br>
  <input type="submit">
</form>(function( ) {
    if (window.addEventListener) window.addEventListener("load", init, false);
    else if (window.attachEvent) window.attachEvent("onload", init);    function init( ) {        for(var i = 0; i < document.forms.length; i++) {
            var f = document.forms[i];             var needsValidation = false;            for(j = 0; j < f.elements.length; j++) {
                var e = f.elements[j];                 if (e.type != "text") continue;                var pattern = e.getAttribute("pattern");
                var required = e.getAttribute("required") != null;                if (required && !pattern) {
                    pattern = "\\S";
                    e.setAttribute("pattern", pattern);
                }                if (pattern) {
                    e.onchange = validateOnChange;
                    needsValidation = true;
                }
            }            if (needsValidation) f.onsubmit = validateOnSubmit;
        }
    }    function validateOnChange( ) {
        var textfield = this;                           
        var pattern = textfield.getAttribute("pattern");
        var value = this.value;                                if (value.search(pattern) == -1) textfield.className = "invalid";
        else textfield.className = "valid";
    }    function validateOnSubmit( ) {
        var invalid = false; 
        for(var i = 0; i < this.elements.length; i++) {
            var e = this.elements[i];
            if (e.type == "text" && e.onchange == validateOnChange) {
                e.onchange( );
                if (e.className == "invalid") invalid = true;
            }
        }        if (invalid) {
            alert("The form is incompletely or incorrectly filled out.\n" +
                  "Please correct the highlighted fields and try again.");
            return false;
        }
    }
})( );