程序師世界是廣大編程愛好者互助、分享、學習的平台,程序師世界有你更精彩!
首頁
編程語言
C語言|JAVA編程
Python編程
網頁編程
ASP編程|PHP編程
JSP編程
數據庫知識
MYSQL數據庫|SqlServer數據庫
Oracle數據庫|DB2數據庫
 程式師世界 >> 編程語言 >> 更多編程語言 >> 編程綜合問答 >> name-動態添加了上傳框和文本框怎麼,對他們進行驗證。

name-動態添加了上傳框和文本框怎麼,對他們進行驗證。

編輯:編程綜合問答
動態添加了上傳框和文本框怎麼,對他們進行驗證。

驗證的格式:網站地址開頭必須是http:// 結尾必須是:.com
代碼如下:

script type="text/javascript"> 
$(document).ready(function(){  
  $(":input[type=button][name=more]").bind("click",function(){  
var $br = $("br />");  
var $file = $("input type='file' name='myfiles' />");  
var $url= $("input type='input' name='url' />");  
 var $button = $("input type='button' value='刪除' class='btn btn-warning'>");  
 $(this).after($url).after($br).after($file).after($br).after($button).after($br);  
$button.bind("click",function(){  
$br.remove();  
 $file.remove();
 $url.remove();    
$button.remove();  
 });
  });
});  
/script>  
tr>td>input type="file" name="myfiles"/>br/>
網站地址:input type="input" name="url" />
input type="button" name="more"value="添加" class="btn btn-info" />/td>/tr> br/>

最佳回答:



<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.4.1.min.js"></script><script type="text/javascript">
    $(document).ready(function () {
        $(":input[type=button][name=more]").bind("click", function () {
            var $br = $("<br />");
            var $file = $("<input type='file' name='myfiles' />");
            var $url = $("<input type='input' name='url' />");
            var $button = $("<input type='button' value='刪除' class='btn btn-warning'>");
            $(this).after($url).after($br).after($file).after($br).after($button).after($br);
            $button.bind("click", function () {
                $br.remove();
                $file.remove();
                $url.remove();
                $button.remove();
            });
        });
    });
    function check(f) {
        if (f.myfiles) {
            if (f.myfiles.length) { //多組
                for (var i = 0; i < f.myfiles.length; i++) {

                    if (f.myfiles[i].value == '') { alert('請選擇文件!'); f.myfiles[i].focus(); return false }
                    if (!/^https?:\/\/.+?\.com$/i.test(f.url[i].value)) { alert('URL必須以http://或者hppts://開頭,.com結尾!'); f.url[i].select(); return false }
                }
            }
            else { //只有一組
                if (f.myfiles.value == '') { alert('請選擇文件!'); f.myfiles.focus(); return false }
                if (!/^https?:\/\/.+?\.com$/i.test(f.url.value)) { alert('URL必須以http://或者hppts://開頭,.com結尾!'); f.url.select(); return false }

            }
        }
        return false
    }
</script>  
<form onsubmit="return check(this)">
<table><tr><td><input type="file" name="myfiles"/>
網站地址:<input type="text" name="url" />
<input type="button" name="more"value="添加" class="btn btn-info" /></td></tr> </table>
<input type="submit" value="提交" /></form>
  1. 上一頁:
  2. 下一頁:
Copyright © 程式師世界 All Rights Reserved