育將電腦工作室 - 線上書籍

JQUERY
======

一、樣板

```
<pre class="brush:as3;">

// Add `has-feedback` class to the parent div.form-group
	            // in order to add icons to inputs
	            element.closest( "div.form-group" ).addClass( "has-feedback" );

//因checkbox、radio，外面多一層 label
	            if ( element.prop( "type" ) === "checkbox" ||  element.prop( "type" ) === "radio") {
	              error.insertAfter( element.parent( "label" ) );
	            } else {
	              error.insertAfter( element );
	            }

// Add the span element, if doesn't exists, and apply the icon classes to it.
	            if ( !element.next( "span" )[ 0 ] ) {
	              $( "<span class='form-control-feedback feedback-no fa fa-times'></span>" ).insertAfter( element );
	            }
	          },
	          success: function ( label, element ) {
	            // Add the span element, if doesn't exists, and apply the icon classes to it.
	            if ( !$( element ).next( "span" )[ 0 ] ) {
	              $( "<span class='form-control-feedback feedback-ok  fa fa-check'></span>" ).insertAfter(  element );
	            }
	          },
	          highlight: function ( element, errorClass, validClass ) {
	            //驗證失敗要做的事
	            //在父親(div)+ has-error - has-success
	            //在後面(span) + glyphicon-remove - glyphicon-ok

$( element ).closest( "div.form-group" ).addClass( "has-error" ).removeClass( "has-success" );
	            $( element ).next( "span" ).addClass( "fa-times" ).removeClass( "fa-check" );
	            $( element ).next( "span" ).addClass( "feedback-no" ).removeClass( "feedback-ok" );
	          },
	          unhighlight: function ( element, errorClass, validClass ) {
	            //驗證成功要做的事
	            $( element ).closest( "div.form-group" ).addClass( "has-success" ).removeClass( "has-error" );
	            $( element ).next( "span" ).addClass( "fa-check" ).removeClass( "fa-times" );
	            $( element ).next( "span" ).addClass( "feedback-ok" ).removeClass( "feedback-no" );
	          }
	        });
	        //console.log( $( "#myForm" ).validate());
	      });
	    </script>
```

二、流程

必須用「json\_encode」，才會傳回 true、false

```
<pre class="brush:as3;">

#----- 檢查編號
  case "check_no":
    echo  json_encode(check_no());
    exit;
```

三、程式

驗證成功：傳回true ，驗證失敗：傳回false

```
<pre class="brush:as3;">

Title1

Title2

Title3

Title1

Title2

Title3

MarkDown