在表單中,往往需要標明必填字段,以便用戶快速填寫、提交表單并獲得結果。使用jQuery可以輕松設置表單字段為必填字段。
//選擇所有的表單元素 $( "form :input" ).each(function() { //通過獲取元素的class屬性,判斷是否需要設置必填字段 if ( $( this ).hasClass( "required" ) ) { //必填字段使用html5特性required $( this ).prop( "required", true ); } });
以上代碼選擇了所有表單元素,通過判斷元素是否包含類名為"required"的class屬性,來設置必填字段。如果需要自定義提示信息,可以添加title屬性。
$( "form :input" ).each(function() { if ( $( this ).hasClass( "required" ) ) { //設置必填字段,自定義提示信息 $( this ).prop( "required", true ).attr( "title", "請輸入此項內容" ); } });
以上代碼將設置必填字段和自定義提示信息結合在一起,可以快速設置必填字段。