1. 程式人生 > 程式設計 >java 實現圖片合成,並新增文字

java 實現圖片合成,並新增文字

技術標籤:java


        var count =0;
        var f = document.forms[0];
        let uname = f.username.value;
        let pwd = f.password.value;
        let eml = f.emal.value;
        let phone = f.phone.value;
        if (uname.length==0){
            $id('vname').innerText = '請輸入使用者名稱';
            f.username.style.borderColor='#f00';
        }else {
            $id('vname').innerText = "";
            f.username.style.borderColor='#1aff23';
            count++;
        }
        console.log(/^.{8,16}$/.test(pwd))
        if (!/^.{8,16}$/.test(pwd)) {
            $id('vpwd').innerText='密碼長度為8-16';
            f.password.style.borderColor='#f00';

        }else {
            $id('vpwd').innerText = "";
            f.password.style.borderColor='#1aff23';
            count++;
        }

        if (!/\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*/.test(eml)){
            $id('vem').innerText='請輸入正確的E-mal';
            f.emal.style.borderColor='#f00';

        }else {
            $id('vem').innerText = "";
            f.emal.style.borderColor='#1aff23';
            count++;
        }

        if (!/^1[3578]\d{9}$/.test(phone)){
            $id('vph').innerText='請輸入正確的手機號';
            f.phone.style.borderColor='#f00';

        }else {
            $id('vem').innerText = "";
            f.phone.style.borderColor='#1aff23';
            count++;
        }




        console.log(f.length);
        console.log(count);
        // if (count !=(f.length-1)){
        //     return
        // }else {
        //     f.submit();
        // }

        if (count==(f.length-1)) {
            f.submit();
        }
    

在這裡插入圖片描述
在這裡插入圖片描述
在這裡插入圖片描述