Javascript 我的表格的这种类型以及如何在验证中设置? 名称 电子邮件 接触 国家 陈述 城市 消息 你的留言。。。 输入代码

Javascript 我的表格的这种类型以及如何在验证中设置? 名称 电子邮件 接触 国家 陈述 城市 消息 你的留言。。。 输入代码,javascript,php,jquery,html,cakephp,Javascript,Php,Jquery,Html,Cakephp,如果要使用jQuery的验证插件进行验证,请使用:- if($(“#contact-form1”).valid(){ submitForm() }为强制字段添加必填属性 <form action="" id="contact-form1" name="myForm" novalidate="novalidate" method="post" class="clearfix" > <fieldset class="field-

如果要使用jQuery的验证插件进行验证,请使用:-

if($(“#contact-form1”).valid(){

submitForm()


}

为强制字段添加必填属性

<form action="" id="contact-form1" name="myForm" novalidate="novalidate"  method="post" class="clearfix" >      
                    <fieldset class="field-1-3 left">
                        <label>Name</label>
                        <input type="text" name="contactName" id="contactName" onblur="if(this.value=='')this.value='Your name...';" onfocus="if(this.value=='Your name...')this.value='';" value="Your name..." class="text requiredField contactName" >
                    </fieldset >
                    <fieldset class="field-1-3 left">
                        <label>Email</label>    
                        <input type="text" name="email" id="email" onblur="if(this.value=='')this.value='Your email...';" onfocus="if(this.value=='Your email...')this.value='';" value="Your email..." class="text requiredField email" >
                    </fieldset>
                    <fieldset class="field-1-3 left">
                        <label>Contact</label>  
                        <input type="text" name="contactno" id="contactno" onblur="if(this.value=='')this.value='Contact No...';" onfocus="if(this.value=='Contact No...')this.value='';" value="Contact No..." class="text requiredField contactno " >
                    </fieldset> 
                    <fieldset class="field-1-3 left">
                        <label>Country</label>
                        <input type="text" name="Country" id="Country" onblur="if(this.value=='')this.value='Country...';" onfocus="if(this.value=='Country...')this.value='';" value="Country..." class="text requiredField" >
                    </fieldset >
                    <fieldset class="field-1-3 left">
                        <label>State</label>
                        <input type="text" name="State" id="State" onblur="if(this.value=='')this.value='State...';" onfocus="if(this.value=='State...')this.value='';" value="State..." class="text requiredField " >
                    </fieldset >
                    <fieldset class="field-1-3 left">
                        <label>City</label>
                        <input type="text" name="City" id="City" onblur="if(this.value=='')this.value='City...';" onfocus="if(this.value=='City...')this.value='';" value="City..." class="text requiredField" >
                    </fieldset >
                    <fieldset class="field-1-1 left">
                        <label>Message</label>
                        <textarea name="comments" id="comments" rows="5" cols="30" class="text requiredField" onblur="if(this.value=='')this.value='Your message...';" onfocus="if(this.value=='Your message...')this.value='';" >Your message...</textarea>
                    </fieldset>

                   <fieldset class="field-1-3 left">
                        <label>Enter Code</label><img src="captcha.php"/>
                        <input type="text" name="vercode" id="vercode" onblur="if(this.value=='')this.value='Vercode...';" onfocus="if(this.value=='Vercode...')this.value='';" value="Vercode..." class="text requiredField" >
                    </fieldset >

                    <fieldset class="right">
                        <input name="Mysubmitted" id="Mysubmitted" value="SEND" class="button medium" value="submit" type="submit" />
                        <input type="hidden" name="submitted" id="submitted" value="true" />
                        <input type="hidden" name="contact_success" id="contact_success" value="Thanks your email has been sent successfully" />
                    </fieldset>
                </form>

使用国家/地区的下拉列表

<input id="sample" name="sample" type="text" required="required" />

国家。。。
阿富汗
阿尔巴尼亚
阿尔及利亚
美属萨摩亚
安道尔
安哥拉
安圭拉
安提瓜,;巴布达
阿根廷
亚美尼亚
阿鲁巴
澳大利亚
奥地利
阿塞拜疆
巴哈马
巴林
孟加拉国
巴巴多斯
白俄罗斯
比利时
伯利兹
贝宁
百慕大群岛
不丹
玻利维亚
博内尔
波黑;黑塞哥维那
博茨瓦纳
巴西
英属印度洋
文莱
保加利亚
布基纳法索
布隆迪
柬埔寨
喀麦隆
加拿大
加那利群岛
佛得角
开曼群岛
中非共和国
查德
海峡群岛
智利
中国
圣诞岛
科科斯群岛
哥伦比亚
科摩罗
刚果
库克群岛
哥斯达黎加
科特迪瓦
克罗地亚
古巴
库拉索
塞浦路斯
捷克共和国
丹麦
吉布提
多米尼加
多米尼加共和国
东帝汶
厄瓜多尔
埃及
萨尔瓦多
赤道几内亚
厄立特里亚
爱沙尼亚
埃塞俄比亚
福克兰群岛
法罗群岛
斐济
芬兰
法国
法属圭亚那
法属波利尼西亚
法国南部地区
加蓬
冈比亚
佐治亚州
德国
加纳
直布罗陀
大不列颠
希腊
格陵兰岛
格林纳达
瓜德罗普岛
关岛
危地马拉
几尼
圭亚那
海地
夏威夷
洪都拉斯
香港
匈牙利
冰岛
印度
印度尼西亚
伊朗
伊拉克
爱尔兰
马恩岛
以色列
意大利
牙买加
日本
乔丹
哈萨克斯坦
肯尼亚
基里巴斯
朝鲜
韩国
科威特
吉尔吉斯斯坦
老挝
拉脱维亚
黎巴嫩
莱索托
利比里亚
利比亚
列支敦士登
立陶宛
卢森堡
澳门
马其顿
马达加斯加
马来西亚
马拉维
马尔代夫
马里
马耳他
马绍尔群岛
马提尼克岛
毛里塔尼亚
毛里求斯
马约特
墨西哥
中途岛
摩尔多瓦
摩纳哥
蒙古国
蒙特塞拉特
摩洛哥
莫桑比克
缅甸
南比亚
瑙鲁
尼泊尔
荷属安的列斯
荷兰(荷兰、欧洲)
尼维斯
新喀里多尼亚
新西兰
尼加拉瓜
尼日尔
尼日利亚
纽埃
诺福克岛
挪威
阿曼
巴基斯坦
帕劳岛
巴勒斯坦
巴拿马
巴布亚新几内亚
巴拉圭
秘鲁
菲律宾
皮特凯恩岛
波兰
葡萄牙
波多黎各
卡塔尔
黑山共和国
塞尔维亚共和国
重聚
罗马尼亚
俄罗斯
卢旺达
圣巴塞勒米
圣尤斯达求斯
圣赫勒拿
圣其茨-尼维斯
圣卢西亚
圣马丁岛
圣皮埃尔酒店;米克隆
圣文森特酒店;格林纳丁斯
塞班岛
萨摩亚
萨摩亚美属
圣马力诺
圣多美;普林西比
沙特阿拉伯
塞内加尔
塞尔维亚
塞舌尔
塞拉利昂
新加坡
斯洛伐克
斯洛文尼亚
所罗门群岛
索马里
南非
西班牙
斯里兰卡
苏丹
苏里南
斯威士兰
瑞典
瑞士
叙利亚
大溪地
台湾
塔吉克斯坦
坦桑尼亚
泰国
多哥
托克劳
汤加
特立尼达和多巴哥;多巴哥
突尼斯
土耳其
土库曼斯坦
土耳其人;凯科斯是
图瓦卢
乌干达
乌克兰
阿拉伯联合酋长国
大不列颠联合王国
美利坚合众国
乌拉圭
乌兹别克斯坦
瓦努阿图
梵蒂冈城邦
委内瑞拉
越南
维尔京群岛(英国)
维尔京群岛(美国)
威克岛
华力士;富塔纳是
也门
扎伊尔
赞比亚
津巴布韦
使用javascript在表单提交时进行验证

<select name="country">
<option value="">Country...</option>
<option value="Afganistan">Afghanistan</option>
<option value="Albania">Albania</option>
<option value="Algeria">Algeria</option>
<option value="American Samoa">American Samoa</option>
<option value="Andorra">Andorra</option>
<option value="Angola">Angola</option>
<option value="Anguilla">Anguilla</option>
<option value="Antigua &amp; Barbuda">Antigua &amp; Barbuda</option>
<option value="Argentina">Argentina</option>
<option value="Armenia">Armenia</option>
<option value="Aruba">Aruba</option>
<option value="Australia">Australia</option>
<option value="Austria">Austria</option>
<option value="Azerbaijan">Azerbaijan</option>
<option value="Bahamas">Bahamas</option>
<option value="Bahrain">Bahrain</option>
<option value="Bangladesh">Bangladesh</option>
<option value="Barbados">Barbados</option>
<option value="Belarus">Belarus</option>
<option value="Belgium">Belgium</option>
<option value="Belize">Belize</option>
<option value="Benin">Benin</option>
<option value="Bermuda">Bermuda</option>
<option value="Bhutan">Bhutan</option>
<option value="Bolivia">Bolivia</option>
<option value="Bonaire">Bonaire</option>
<option value="Bosnia &amp; Herzegovina">Bosnia &amp; Herzegovina</option>
<option value="Botswana">Botswana</option>
<option value="Brazil">Brazil</option>
<option value="British Indian Ocean Ter">British Indian Ocean Ter</option>
<option value="Brunei">Brunei</option>
<option value="Bulgaria">Bulgaria</option>
<option value="Burkina Faso">Burkina Faso</option>
<option value="Burundi">Burundi</option>
<option value="Cambodia">Cambodia</option>
<option value="Cameroon">Cameroon</option>
<option value="Canada">Canada</option>
<option value="Canary Islands">Canary Islands</option>
<option value="Cape Verde">Cape Verde</option>
<option value="Cayman Islands">Cayman Islands</option>
<option value="Central African Republic">Central African Republic</option>
<option value="Chad">Chad</option>
<option value="Channel Islands">Channel Islands</option>
<option value="Chile">Chile</option>
<option value="China">China</option>
<option value="Christmas Island">Christmas Island</option>
<option value="Cocos Island">Cocos Island</option>
<option value="Colombia">Colombia</option>
<option value="Comoros">Comoros</option>
<option value="Congo">Congo</option>
<option value="Cook Islands">Cook Islands</option>
<option value="Costa Rica">Costa Rica</option>
<option value="Cote DIvoire">Cote D'Ivoire</option>
<option value="Croatia">Croatia</option>
<option value="Cuba">Cuba</option>
<option value="Curaco">Curacao</option>
<option value="Cyprus">Cyprus</option>
<option value="Czech Republic">Czech Republic</option>
<option value="Denmark">Denmark</option>
<option value="Djibouti">Djibouti</option>
<option value="Dominica">Dominica</option>
<option value="Dominican Republic">Dominican Republic</option>
<option value="East Timor">East Timor</option>
<option value="Ecuador">Ecuador</option>
<option value="Egypt">Egypt</option>
<option value="El Salvador">El Salvador</option>
<option value="Equatorial Guinea">Equatorial Guinea</option>
<option value="Eritrea">Eritrea</option>
<option value="Estonia">Estonia</option>
<option value="Ethiopia">Ethiopia</option>
<option value="Falkland Islands">Falkland Islands</option>
<option value="Faroe Islands">Faroe Islands</option>
<option value="Fiji">Fiji</option>
<option value="Finland">Finland</option>
<option value="France">France</option>
<option value="French Guiana">French Guiana</option>
<option value="French Polynesia">French Polynesia</option>
<option value="French Southern Ter">French Southern Ter</option>
<option value="Gabon">Gabon</option>
<option value="Gambia">Gambia</option>
<option value="Georgia">Georgia</option>
<option value="Germany">Germany</option>
<option value="Ghana">Ghana</option>
<option value="Gibraltar">Gibraltar</option>
<option value="Great Britain">Great Britain</option>
<option value="Greece">Greece</option>
<option value="Greenland">Greenland</option>
<option value="Grenada">Grenada</option>
<option value="Guadeloupe">Guadeloupe</option>
<option value="Guam">Guam</option>
<option value="Guatemala">Guatemala</option>
<option value="Guinea">Guinea</option>
<option value="Guyana">Guyana</option>
<option value="Haiti">Haiti</option>
<option value="Hawaii">Hawaii</option>
<option value="Honduras">Honduras</option>
<option value="Hong Kong">Hong Kong</option>
<option value="Hungary">Hungary</option>
<option value="Iceland">Iceland</option>
<option value="India">India</option>
<option value="Indonesia">Indonesia</option>
<option value="Iran">Iran</option>
<option value="Iraq">Iraq</option>
<option value="Ireland">Ireland</option>
<option value="Isle of Man">Isle of Man</option>
<option value="Israel">Israel</option>
<option value="Italy">Italy</option>
<option value="Jamaica">Jamaica</option>
<option value="Japan">Japan</option>
<option value="Jordan">Jordan</option>
<option value="Kazakhstan">Kazakhstan</option>
<option value="Kenya">Kenya</option>
<option value="Kiribati">Kiribati</option>
<option value="Korea North">Korea North</option>
<option value="Korea Sout">Korea South</option>
<option value="Kuwait">Kuwait</option>
<option value="Kyrgyzstan">Kyrgyzstan</option>
<option value="Laos">Laos</option>
<option value="Latvia">Latvia</option>
<option value="Lebanon">Lebanon</option>
<option value="Lesotho">Lesotho</option>
<option value="Liberia">Liberia</option>
<option value="Libya">Libya</option>
<option value="Liechtenstein">Liechtenstein</option>
<option value="Lithuania">Lithuania</option>
<option value="Luxembourg">Luxembourg</option>
<option value="Macau">Macau</option>
<option value="Macedonia">Macedonia</option>
<option value="Madagascar">Madagascar</option>
<option value="Malaysia">Malaysia</option>
<option value="Malawi">Malawi</option>
<option value="Maldives">Maldives</option>
<option value="Mali">Mali</option>
<option value="Malta">Malta</option>
<option value="Marshall Islands">Marshall Islands</option>
<option value="Martinique">Martinique</option>
<option value="Mauritania">Mauritania</option>
<option value="Mauritius">Mauritius</option>
<option value="Mayotte">Mayotte</option>
<option value="Mexico">Mexico</option>
<option value="Midway Islands">Midway Islands</option>
<option value="Moldova">Moldova</option>
<option value="Monaco">Monaco</option>
<option value="Mongolia">Mongolia</option>
<option value="Montserrat">Montserrat</option>
<option value="Morocco">Morocco</option>
<option value="Mozambique">Mozambique</option>
<option value="Myanmar">Myanmar</option>
<option value="Nambia">Nambia</option>
<option value="Nauru">Nauru</option>
<option value="Nepal">Nepal</option>
<option value="Netherland Antilles">Netherland Antilles</option>
<option value="Netherlands">Netherlands (Holland, Europe)</option>
<option value="Nevis">Nevis</option>
<option value="New Caledonia">New Caledonia</option>
<option value="New Zealand">New Zealand</option>
<option value="Nicaragua">Nicaragua</option>
<option value="Niger">Niger</option>
<option value="Nigeria">Nigeria</option>
<option value="Niue">Niue</option>
<option value="Norfolk Island">Norfolk Island</option>
<option value="Norway">Norway</option>
<option value="Oman">Oman</option>
<option value="Pakistan">Pakistan</option>
<option value="Palau Island">Palau Island</option>
<option value="Palestine">Palestine</option>
<option value="Panama">Panama</option>
<option value="Papua New Guinea">Papua New Guinea</option>
<option value="Paraguay">Paraguay</option>
<option value="Peru">Peru</option>
<option value="Phillipines">Philippines</option>
<option value="Pitcairn Island">Pitcairn Island</option>
<option value="Poland">Poland</option>
<option value="Portugal">Portugal</option>
<option value="Puerto Rico">Puerto Rico</option>
<option value="Qatar">Qatar</option>
<option value="Republic of Montenegro">Republic of Montenegro</option>
<option value="Republic of Serbia">Republic of Serbia</option>
<option value="Reunion">Reunion</option>
<option value="Romania">Romania</option>
<option value="Russia">Russia</option>
<option value="Rwanda">Rwanda</option>
<option value="St Barthelemy">St Barthelemy</option>
<option value="St Eustatius">St Eustatius</option>
<option value="St Helena">St Helena</option>
<option value="St Kitts-Nevis">St Kitts-Nevis</option>
<option value="St Lucia">St Lucia</option>
<option value="St Maarten">St Maarten</option>
<option value="St Pierre &amp; Miquelon">St Pierre &amp; Miquelon</option>
<option value="St Vincent &amp; Grenadines">St Vincent &amp; Grenadines</option>
<option value="Saipan">Saipan</option>
<option value="Samoa">Samoa</option>
<option value="Samoa American">Samoa American</option>
<option value="San Marino">San Marino</option>
<option value="Sao Tome &amp; Principe">Sao Tome &amp; Principe</option>
<option value="Saudi Arabia">Saudi Arabia</option>
<option value="Senegal">Senegal</option>
<option value="Serbia">Serbia</option>
<option value="Seychelles">Seychelles</option>
<option value="Sierra Leone">Sierra Leone</option>
<option value="Singapore">Singapore</option>
<option value="Slovakia">Slovakia</option>
<option value="Slovenia">Slovenia</option>
<option value="Solomon Islands">Solomon Islands</option>
<option value="Somalia">Somalia</option>
<option value="South Africa">South Africa</option>
<option value="Spain">Spain</option>
<option value="Sri Lanka">Sri Lanka</option>
<option value="Sudan">Sudan</option>
<option value="Suriname">Suriname</option>
<option value="Swaziland">Swaziland</option>
<option value="Sweden">Sweden</option>
<option value="Switzerland">Switzerland</option>
<option value="Syria">Syria</option>
<option value="Tahiti">Tahiti</option>
<option value="Taiwan">Taiwan</option>
<option value="Tajikistan">Tajikistan</option>
<option value="Tanzania">Tanzania</option>
<option value="Thailand">Thailand</option>
<option value="Togo">Togo</option>
<option value="Tokelau">Tokelau</option>
<option value="Tonga">Tonga</option>
<option value="Trinidad &amp; Tobago">Trinidad &amp; Tobago</option>
<option value="Tunisia">Tunisia</option>
<option value="Turkey">Turkey</option>
<option value="Turkmenistan">Turkmenistan</option>
<option value="Turks &amp; Caicos Is">Turks &amp; Caicos Is</option>
<option value="Tuvalu">Tuvalu</option>
<option value="Uganda">Uganda</option>
<option value="Ukraine">Ukraine</option>
<option value="United Arab Erimates">United Arab Emirates</option>
<option value="United Kingdom">United Kingdom</option>
<option value="United States of America">United States of America</option>
<option value="Uraguay">Uruguay</option>
<option value="Uzbekistan">Uzbekistan</option>
<option value="Vanuatu">Vanuatu</option>
<option value="Vatican City State">Vatican City State</option>
<option value="Venezuela">Venezuela</option>
<option value="Vietnam">Vietnam</option>
<option value="Virgin Islands (Brit)">Virgin Islands (Brit)</option>
<option value="Virgin Islands (USA)">Virgin Islands (USA)</option>
<option value="Wake Island">Wake Island</option>
<option value="Wallis &amp; Futana Is">Wallis &amp; Futana Is</option>
<option value="Yemen">Yemen</option>
<option value="Zaire">Zaire</option>
<option value="Zambia">Zambia</option>
<option value="Zimbabwe">Zimbabwe</option>
</select>

JS:

函数ValidateForm(){
//电子邮件地址验证
var x=document.forms[“myForm”][“email”].value;
var atpos=x.indexOf(“@”);
var dotpos=x.lastIndexOf(“.”);
如果(atpos


这个脚本可以让你验证数字和电子邮件。

说真的吗?你想问什么?我想你应该从HTMLat开始,至少试一下自己,如果你有任何问题,就把代码片段放进去。所需的方法或onsubmit方法都可以独立工作,最好提到第一种方法只在b中的一些方法中工作罗瑟斯。
<form action="" id="contact-form1" name="myForm" novalidate="novalidate"  method="post" class="clearfix" onsubmit="return ValidateForm()">   
       function ValidateForm() {
           //E-mail address validation   
            var x=document.forms["myForm"]["email"].value;
            var atpos=x.indexOf("@");
            var dotpos=x.lastIndexOf(".");
            if (atpos<1 || dotpos<atpos+2 || dotpos+2>=x.length) {
                alert("Not a valid e-mail address");
                return false;
            }
        }