導入相應的js,css框架

<link type="text/css" rel="stylesheet"
??? ??? ??? href="<%=basePath %>js/validate/css/validate.css" />
??? ??? <script src="<%=basePath %>js/jquery-1.3.2.min.js" type="text/javascript"></script>
??? ??? <script src="<%=basePath %>js/validate/talent-validate-all.js" type="text/javascript"></script>

寫出相應的html代碼

<script>

??? ? function checked(){

????????? 先判斷validate框架 然后可以繼續其他的js判斷
??? ??? ??? if(validateForm('myform') == false){
??? ??? ??? ??? return false;
??? ??? ??? }

}

</sctipt>

??????? <form name="myform" action="sys/song/updateSongInfo.action" method="post" enctype="multipart/form-data" οnsubmit="return checked();">
?

<td>歌手名稱：</td>
??? ??? ??? ??? ??? ??? <td><input type="text" name="singerName" id="singerName" value="<s:property value="song.singerName"/>"/></td>
??? ??? ??? ??? ??? </tr>
??? ??? ??? ??? ??? <tr>
??? ??? ??? ??? ??? ??? <td>歌曲名稱：</td>
??? ??? ??? ??? ??? ??? <td><input type="text" name="songName" id="songName" value="<s:property value="song.songName"/>"/></td>
??? ??? ??? ??? ??? </tr>

?

調用框架

<script type="text/javascript">
??? ??? new RequiredValidator().add(new Field("歌曲類型","songType"),new Field("歌手名","singerName"));
??? ??? new RegexValidator().set(new RegExp("[0-9]+(?:\.[0-9]+)?"),"只能數字").add("songPrice");
??? ??? ?validateErrorMsgDisplayStyle = 'alert';

//validateErrorMsgDisplayStyle = 'text';
??? ??? </script>

?

轉載于:https://blog.51cto.com/hzywy/743222

總結

以上是生活随笔為你收集整理的talent-validate-all.js验证框架的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。